مثال
حدد كل <p> العنصر الذي هو الطفل الثالث من الأم، عد من آخر طفل:
$("p:nth-last-child(3)") انها محاولة لنفسك » تعريف واستخدام
و :nth-last-child( n ) محدد يختار كل العناصر التي هي n th طفل، بغض النظر عن نوع من آبائهم، عد من آخر طفل.
نصيحة: استخدم :nth-last-of-type() محدد لتحديد كافة العناصر التي هي n th طفل، من نوع معين، من والدهم، عد من آخر طفل.
بناء الجملة
:nth-last-child( n |even|odd| formula )| معامل | وصف |
|---|---|
| n | مؤشر كل طفل لمباراة. يجب أن يكون رقما. العنصر الأول له مؤشر الرقم 1. |
| even | يختار كل even عنصر تابع |
| odd | يختار كل odd عنصر تابع |
| formula | يحدد أي طفل element(s) التي سيتم اختيارها وفقا لصيغة ( an + b ) . مثال: p:nth-last-child(3n+2) يختار كل فقرة 3RD، بدءا من الطفل 2ND الماضي |
انها محاولة لنفسك - مثال
حدد كل <p> العنصر الذي هو الطفل أولا وقبل كل <div> العنصر، عد من آخر طفل
كيفية اختيار <p> العنصر الذي هو الطفل أولا وقبل كل <div> العناصر، عد من آخر طفل.
باستخدام صيغة (an + b)
كيفية استخدام صيغة ( an + b ) لتحديد العناصر التابعة مختلفة، عد من آخر طفل.
استخدام "even" و "odd"
كيفية استخدام حتى والغريب لتحديد العناصر التابعة مختلفة، عد من آخر طفل.
الفرق بين :nth-child(), :nth-last-child(), :nth-of-type() و :nth-of-last-type()
الفرق بين p:nth-child(2), p:nth-last-child(2), p:nth-of-type(2) و p:nth-of-last-type(2) .