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