مثال
حدد وأسلوب كل <p> العنصر الذي هو الطفل الأول من الأم:
p:first-child
{
background-color: yellow;
}
انها محاولة لنفسك » أكثر "Try it Yourself" الأمثلة أدناه.
تعريف واستخدام
يستخدم محدد الطفل الأول لتحديد محدد محددة، إلا إذا كان هو الطفل الأول لأبيه وهي:.
| الإصدار: | CSS2 |
|---|
دعم المتصفح
الأرقام في الجدول تحدد أول إصدار المستعرض الذي يدعم بشكل كامل محدد.
| منتخب | |||||
|---|---|---|---|---|---|
| :first-child | 4.0 | 7.0 | 3.0 | 3.1 | 9.6 |
Note: ل: أول طفل للعمل في IE8 وفي وقت سابق، و <! DOCTYPE> يجب أن يعلن.
CSS بناء الجملة
مزيد من الأمثلة
مثال
حدد وأسلوب كل <i> عنصر من كل <p> العنصر، حيث <p> العنصر هو الطفل الأول من الأم:
p:first-child i
{
background: yellow;
}
انها محاولة لنفسك » مثال
اختيار وأسلوب أول <li> عنصر في القوائم:
li:first-child
{
background: yellow;
}
انها محاولة لنفسك » مثال
اختيار وأسلوب عنصر تابع الأول من كل <ul> العنصر:
ul > :first-child
{
background: yellow;
}
انها محاولة لنفسك » صفحات ذات صلة
درس CSS: الطبقات المغلق الزائفة