مضلع :first-child في CSS

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

CSS :first-child تُستخدم المضلعات المزيفة للتحقق من العناصر التي تكون أول فرز كأول فرز في عنصر الوالد (في مجموعة من الإخوة).

مثال

مثال 1

اختر وقم بتعيين نمط كل عنصر <p> الذي هو أول فرز في عنصر الوالد له:

p:first-child {
  background-color: yellow;
}

جرب بنفسك

مثال 2

اختر وقم بتعيين نمط كل عنصر <i> الذي هو أول فرز في عنصر الوالد له:

i:first-child {
  background: yellow;
}

جرب بنفسك

مثال 3

اختر وقم بتعيين نمط كل أول عنصر <li> في القائمة:

li:first-child {
  background: yellow;
}

جرب بنفسك

مثال 4

اختر وقم بتعيين نمط كل أول فرز في عناصر <ul>:

ul > :first-child {
  background: yellow;
}

جرب بنفسك

قواعد اللغة CSS

:first-child {
  بيانات css;
}

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

الإصدار: CSS3

دعم المتصفح

الرقم في الجدول يشير إلى إصدار المتصفح الأول الذي يدعم هذا المضلع المزيف.

Chrome Edge Firefox Safari Opera
4.0 7.0 3.0 3.1 9.6

الصفحات ذات الصلة

دروس CSS:القواعد المزيفة CSS