دورة CSS | الدرس الثاني | CSS Selectors محددات CSS id, class, *, group
7٬040 Views
The CSS class Selector محدد فئة
يحدد محدد الفئة عناصر HTML مع سمة فئة معينة.
لتحديد عناصر بفئة معينة ، اكتب حرف نقطة (.) متبوعًا باسم الفئة.
مثال في هذا المثال ، ستتحول جميع عناصر HTML التي تحتوي على class = "center" إلى اللون الأحمر وتحاذي الوسط:
.center {
text-align: center;
color: red;
}يمكنك أيضًا تحديد أن عناصر HTML محددة فقط هي التي يجب أن تتأثر بفئة.
مثال في هذا المثال فقط p العناصر التي تحتوي على class = "center" ستكون محاذاة للوسط:
p.center {
text-align: center;
color: red;
}يمكن أن تشير عناصر HTML أيضًا إلى أكثر من فئة واحدة.
مثال في هذا المثال ، سيتم تصميم عنصر p وفقًا للفئة = "center" وللفئة = "كبير":
<p class="center large">This paragraph refers to two classes.</p>ملاحظة: لا يمكن أن يبدأ اسم الفصل برقم!
