Exemple
Sélectionnez chaque élément <p> qui est le troisième <p> élément de son parent:
$("p:nth-of-type(3)") Essayez - le vous - même » Définition et utilisation
Le :nth-of-type( n ) sélecteur sélectionne tous les éléments qui sont la n th enfant, d'un type particulier, de leur parent.
Astuce: Utilisez le :nth-child() sélecteur pour sélectionner tous les éléments qui sont la n th enfant, indépendamment du type, de leur parent.
Syntaxe
:nth-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 chaque élément même de l'enfant |
| odd | Sélectionne chaque élément enfant impair |
| formula | Indique quel élément (s) de l' enfant à être sélectionné avec une formule ( an + b ) . Exemple: p:nth-of-type(3n+2) sélectionne chaque 3e paragraphe, à partir du 2e paragraphe |
Essayez-le vous-même - Exemple
Sélectionnez chaque <p> élément qui est le second <p> élément de tous les <div> éléments
Comment sélectionner chaque <p> élément qui est le second <p> élément de tous les <div> éléments.
En utilisant une formule (un + b)
Comment utiliser une formule ( an + b ) pour sélectionner différents éléments enfants.
Utilisation de "même" et "odd"
Comment utiliser pair et impair pour sélectionner différents éléments enfants.
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) .