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