CSS . محدد الفئة
مثال
حدد جميع العناصر ونمطها باستخدام class = "intro":
.intro {
background-color: yellow;
}
المزيد من الأمثلة "جربها بنفسك" أدناه.
التعريف والاستخدام
يقوم .class
المحدد بتحديد العناصر ذات سمة فئة معينة.
لتحديد عناصر بفئة معينة ، اكتب حرف نقطة (.) ، متبوعًا باسم الفصل.
يمكنك أيضًا تحديد أن عناصر HTML محددة فقط هي التي يجب أن تتأثر بفئة. للقيام بذلك ، ابدأ باسم العنصر ، ثم اكتب حرف النقطة (.) ، متبوعًا باسم الفئة (انظر إلى المثال 1 أدناه).
يمكن أن تشير عناصر HTML أيضًا إلى أكثر من فئة واحدة (انظر إلى المثال 2 أدناه).
الإصدار: | CSS1 |
---|
دعم المتصفح
Selector | |||||
---|---|---|---|---|---|
.class | Yes | Yes | Yes | Yes | Yes |
بنية CSS
.class {
css declarations;
}
مزيد من الأمثلة
مثال 1
نمط كل عناصر <p> مع class = "hometown":
p.hometown {
background-color: yellow;
}
مثال 2
سيتم تصميم عنصر <p> هذا وفقًا لـ class = "center" AND to class = "large":
<p class="center large">This paragraph refers to two classes.</p>