مثال
تحديد لون الخلفية لكل <p> العنصر الذي هو الطفل الثاني من الأم:
p:nth-child(2)
{
background: #ff0000;
}
انها محاولة لنفسك » أكثر "Try it Yourself" الأمثلة أدناه.
تعريف واستخدام
و :nth-child( n ) محدد مباريات كل عنصر هو n الطفل عشر، بغض النظر عن نوع من الأم.
n يمكن أن يكون عدد، والكلمة، أو صيغة.
Tip: انظروا إلى : الألف من نوع) ( محدد لتحديد العنصر الذي هو n الطفل عشر، of a particular type ، من الأم.
| الإصدار: | CSS3 |
|---|
دعم المتصفح
الأرقام في الجدول تحدد أول إصدار المستعرض الذي يدعم بشكل كامل محدد.
| منتخب | |||||
|---|---|---|---|---|---|
| :nth-child() | 4.0 | تسعة | 3.5 | 3.2 | 9.6 |
CSS بناء الجملة
مزيد من الأمثلة
مثال
الكلمات الرئيسية الفردية والزوجية هي التي يمكن استخدامها لتتناسب مع عناصر الطفل الذي مؤشر أمر غريب أو حتى (the index of the first child is 1) .
هنا، فإننا تحديد اثنين من خلفية مختلفة الألوان لعناصر غريبة وحتى ص:
p:nth-child(odd)
{
background: #ff0000;
}
p:nth-child(even)
{
background: #0000ff;
}
انها محاولة لنفسك » مثال
باستخدام صيغة ( an + b ) . الوصف: a يمثل حجم دورة، n هو مكافحة (starts at 0) ، و b هو قيمة الإزاحة.
هنا، فإننا تحديد لون الخلفية لجميع عناصر ص الذين المؤشر هو من مضاعفات الرقم 3:
p:nth-child(3n+0)
{
background: #ff0000;
}
انها محاولة لنفسك »