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