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