Exemple
Sélectionnez chaque <p> élément qui est le troisième <p> élément de son parent, à compter du dernier enfant:
$("p:nth-last-of-type(3)") Essayez - le vous - même » Définition et utilisation
Le :nth-last-of-type( n ) sélecteur sélectionne tous les éléments qui sont la n - ième enfant, d'un type particulier, de leur parent, à compter du dernier enfant.
Astuce: Utilisez le :nth-last-child() sélecteur pour sélectionner tous les éléments qui sont la n th enfant, indépendamment du type, de leur parent, à compter du dernier enfant.
Syntaxe
:nth-last-of-type( n |even|odd| formula )| Paramètre | La description |
|---|---|
| n | L'indice de chaque enfant à l'avenant. Doit être un nombre. Le premier élément a le numéro d'index 1. |
| even | Sélectionne chacun even élément enfant |
| odd | Sélectionne chaque odd élément enfant |
| formula | Indique quel enfant element(s) à être sélectionné avec une formule ( an + b ) . Exemple: p:nth-last-child(3n+2) sélectionne chaque 3e paragraphe, en commençant par le dernier alinéa 2 |
Essayez-le vous-même - Exemple
Sélectionnez chaque <p> élément qui est le premier <p> element> Tout <div> élément, à compter du dernier enfant
Comment sélectionner chaque <p> élément qui est le premier <p> élément de tous les <div> éléments, à compter du dernier enfant.
En utilisant une formule (un + b)
Comment utiliser une formule (un + b) pour sélectionner différents <p> éléments, à compter du dernier enfant.
Utilisation de "même" et "odd"
Comment utiliser pair et impair pour sélectionner différents <p> éléments, à compter du dernier enfant.
Différence entre :nth-child() , :nth-last-child() , :nth-of-type() et :nth-of-last-type()
La différence entre p:nth-child(2), p:nth-last-child(2), p:nth-of-type(2) et p:nth-of-last-type(2) .