Il existe 5 sélecteurs d'enfants CSS, à savoir : le sélecteur ":first-child", le sélecteur ":only-child", le sélecteur ":nth-child(n)", ":nth" -last-child (n)", sélecteur ":last-child".
[Tutoriel recommandé : Tutoriel vidéo CSS]
sélecteur d'enfant CSS
:first-child
sélectionne le premier élément enfant appartenant à son élément parent. Exemple : p:first-child, sélectionne chaque élément
qui est le premier élément enfant de l'élément parent.
:only-child
, correspond à chaque élément qui est le seul enfant de son parent. Exemple : p:only-child sélectionne chaque élément
qui est le seul élément enfant de son élément parent.
:nth-child(n)
, correspond au Nième élément enfant appartenant à son élément parent, quel que soit le type d'élément. Exemple : p:nth-child(2), sélectionne chaque élément
qui est le deuxième enfant de son élément parent.
:nth-last-child(n)
, correspond à chaque élément qui est le Nième élément enfant de son élément, quel que soit le type de l'élément, en comptant à partir du dernier élément enfant. Exemple : p:nth-last-child(2), comme ci-dessus, en comptant à partir du dernier élément enfant.
:last-child
, correspond à chaque élément qui est le dernier élément enfant de son élément parent. Exemple : p:last-child, sélectionne chaque élément
qui est le dernier élément enfant de son élément parent.
Pour plus de connaissances sur la programmation, veuillez visiter : Introduction à la programmation ! !
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!