jQuery : Sélecteur nth-last-child()
Exemple
Sélectionnez chaque élément <p> qui est le troisième enfant de son parent, à partir du dernier enfant :
$("p:nth-last-child(3)")
Définition et utilisation
Le sélecteur :nth-last-child( n ) sélectionne tous les éléments qui sont le n ième enfant, quel que soit le type, de leur parent, à compter du dernier enfant.
Astuce : utilisez le sélecteur :nth-last-of-type() pour sélectionner tous les éléments qui sont le n ième enfant, d'un type particulier , de leur parent, à compter du dernier enfant.
Syntaxe
: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 |
Essayez-le vous-même - Exemple
Comment sélectionner un élément <p> qui est le premier enfant de tous les éléments <div>, à partir du dernier enfant.
Comment utiliser une formule ( an + b ) pour sélectionner différents éléments enfants, à partir du dernier enfant.
Comment utiliser pair et impair pour sélectionner différents éléments enfants, à partir du dernier enfant.
La différence entre p:nth-child(2), p :nth-dernier-enfant(2), p:nth-of-type(2) et p:nth-of-last-type(2).