CSS : محدد الطفل الأول
مثال
حدد ونمط كل عنصر <p> يكون أول عنصر تابع لأصله:
p:first-child
{
background-color: yellow;
}
المزيد من الأمثلة "جربها بنفسك" أدناه.
التعريف والاستخدام
يتم :first-child
استخدام المحدد لتحديد المحدد المحدد ، فقط إذا كان هو أول عنصر فرعي من العنصر الرئيسي.
الإصدار: | CSS2 |
---|
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم المحدِّد بشكل كامل.
Selector | |||||
---|---|---|---|---|---|
:first-child | 4.0 | 7.0 | 3.0 | 3.1 | 9.6 |
بنية CSS
:first-child {
css declarations;
}
مزيد من الأمثلة
مثال
حدد ونمط كل عنصر <i> من كل عنصر <p> ، حيث يكون العنصر <p> هو العنصر الفرعي الأول لعنصر الأصل:
p:first-child i
{
background: yellow;
}
مثال
حدد ونمط أول <li> عنصر في القوائم:
li:first-child
{
background: yellow;
}
مثال
حدد وصمم العنصر الفرعي الأول لكل عنصر من عناصر <ul>:
ul > :first-child
{
background: yellow;
}
الصفحات ذات الصلة
دروس CSS: فصول CSS الزائفة