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