29 lines
1.5 KiB
Markdown
29 lines
1.5 KiB
Markdown
|
---
|
||
|
|
title: Class
|
||
|
|
localeTitle: صف دراسي
|
||
|
|
---
|
||
|
|
## صف دراسي
|
||
|
|
|
||
|
|
يتم استخدام محدد CSS "class" لتطبيق النمط نفسه على عناصر متعددة على الصفحة. طريقة رائعة للتفكير في هذا سيكون مثل مخطط سيارة أو مبنى. ستسمح لك الخطة ببناء عدة سيارات أو عدة أبنية بنفس الطريقة بعد تصميم التخطيط الفعلي مرة واحدة.
|
||
|
|
|
||
|
|
### استخدم حالات
|
||
|
|
|
||
|
|
خلافا لأسماء فئة "معرف" CSS ليست فريدة. لذلك ، لا بأس من استخدام "class" عدة مرات إذا كنت ترغب في أن يكون لهذه العناصر نفس النمط المطبق. في الواقع ، سيكون هذا وقتًا رائعًا لاستخدام "الفئة". إذا كنت ترغب في وجود ثلاثة عناصر "div" في HTML لديك خلفية زرقاء ، يمكنك استخدام فئة مرة واحدة في CSS كما يظهر في المثال أدناه.
|
||
|
|
|
||
|
|
`<html>
|
||
|
|
<style>
|
||
|
|
.blueBg {
|
||
|
|
background-color: blue;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<body>
|
||
|
|
<div class="blueBg"></div>
|
||
|
|
<div class="blueBg"></div>
|
||
|
|
<div class="blueBg"></div>
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
`
|
||
|
|
|
||
|
|
#### معلومات اكثر:
|
||
|
|
|
||
|
|
إذا كنت ترغب في معرفة المزيد من المعلومات حول محدد CSS "class" ، فيرجى الانتقال إلى [هذه الصفحة](https://css-tricks.com/the-difference-between-id-and-class/)
|