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