jQuery : nth-last-child () محدد
مثال
حدد كل عنصر <p> يمثل الطفل الثالث لوالده ، بدءًا من الطفل الأخير:
$("p:nth-last-child(3)")
التعريف والاستخدام
يحدد محدد: nth-last-child ( n ) جميع العناصر التي تمثل الطفل n ، بغض النظر عن نوعها ، من والدها ، بدءًا من الطفل الأخير.
تلميح: استخدم المحدد : nth-last-of-type () لتحديد جميع العناصر التي تمثل الطفل n ، من نوع معين ، لوالدهم ، العد من الطفل الأخير.
بناء الجملة
:nth-last-child(n|even|odd|formula)
| Parameter | Description |
|---|---|
| n | The index of each child to match. Must be a number. The first element has the index number 1. |
| even | Selects each even child element |
| odd | Selects each odd child element |
| formula | Specifies which child element(s) to be selected with a formula (an + b). Example: p:nth-last-child(3n+2) selects each 3rd paragraph, starting at the last 2nd child |
جربها بنفسك - مثال
لكيفية تحديد عنصر <p> الذي يعد العنصر الفرعي الأول لجميع عناصر <div> ، بدءًا من الطفل الأخير.
كيفية استخدام صيغة ( أ + ب ) لتحديد عناصر فرعية مختلفة ، العد من الطفل الأخير.
كيفية استخدام زوجي وفردي لتحديد عناصر فرعية مختلفة ، عد من الطفل الأخير.
الفرق بين p: nth-child (2) ، p : nth-last-child (2)، p: nth-of-type (2) and p: nth-of-last-type (2).