CSS .فئة المحايدات

التعريف والاستخدام

CSS .فئة المحايدات لاختيار العناصر التي تحتوي على خاصية معينة فئة العناصر التي تحتوي على خاصية معينة

لاختيار جميع أنواع العناصر التي تحتوي على class معينة، اكتب نقطة (.) رمز، يتبعه فئة اختيار العناصر التي تحتوي على خاصية معينة

عنصر.فئة المحايدات لاختيار العناصر التي تحتوي على خاصية معينة فئة اختيار العناصر التي تحتوي على خاصية معينة

لاختيار العناصر التي تحتوي على خاصية معينة فئة نوع عنصر واحد، اكتب اسم العنصر، ثم نقطة (.) رمز، يتبعه فئة قيم الخاصية (انظر المثال أدناه 2).

نصيحة:يمكن للعناصر HTML أيضًا الاستشهاد بعدة فئة（انظر المثال أدناه 3）。

مثال

مثال 1

اختيار وتعيين نمط جميع العناصر التي تحتوي على class="intro":

.intro {
  background-color: yellow;
}

جربها بنفسك

مثال 2

اختيار وتعيين نمط جميع عناصر class="intro":

p.intro {
  background-color: yellow;
}

جربها بنفسك

مثال 3

.فئة استخدامات مختلفة للمحايدات

/* اختيار جميع العناصر التي تحتوي على class="center" */
.center {
  text-align: center;
}
/* اختيار جميع عناصر <p> التي تحتوي على class="large" */
p.large {
  font-size: 200%;
}
/* اختيار جميع عناصر <p> تحتوي على class تحتوي على "fancy" و "beige" */
p.fancy.beige {
  font-family: 'Courier New', monospace;
  background-color: beige;
  border: 2px solid green;
}
/* اختيار جميع العناصر class="ex1" داخل عناصر <p> التي تحتوي على class="ex2" */
p.ex1 .ex2 {
  background-color: yellow;
}

جربها بنفسك

قواعد اللغة CSS

.فئة {
  بيانات css;
}

قواعد اللغة CSS

عنصر.فئة {
  بيانات css;
}

تفاصيل التقنية

دعم المتصفحات