Quel sélecteur faut-il utiliser pour sélectionner le sous-élément en CSS ?

En CSS, si vous souhaitez sélectionner l'élément enfant d'un élément spécifié, vous pouvez utiliser le sélecteur ":nth-child()". Le sélecteur ":nth-child()" peut correspondre au Nième élément enfant appartenant à son élément parent, quel que soit le type d'élément et N peut être un nombre, un mot-clé ou une formule ;

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.

Le sélecteur CSS spécifie l'élément enfant dans l'élément

:nth-child(n) Le sélecteur correspond à l'élément enfant qui appartient à son élément parent N éléments enfants, quel que soit le type d'élément.

n peut être un nombre, un mot-clé ou une formule.

Exemple :

tr td:nth-child(2){
    background-color:gray;
}

est l'attribut du deuxième td de td dans tr

tr:nth-child(2n+0){
    background-color:#F0F0F0;
}

C'est un multiple de 2 de tr

Utiliser la formule (un + b). Description : indique la durée de la période, n est le compteur (à partir de 0) et b est la valeur de décalage.

Ici, on précise la couleur de fond de tous les p éléments dont les indices sont des multiples de 3 :

p:nth-child(3n+0)
{
background:#ff0000;
}

(Partage vidéo d'apprentissage : tutoriel vidéo CSS)

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!