Le singulier li en CSS3 s'écrit "li:nth-child(odd)" ; le sélecteur ":nth-child" est utilisé pour faire correspondre l'élément enfant spécifié qui appartient à son élément parent, lorsque le paramètre dans le sélecteur est défini sur "Odd" , indiquant que le sous-élément correspondant est un sous-élément impair, où l'indice du premier sous-élément est "1".
L'environnement d'exploitation de ce tutoriel : système Windows 10, version CSS3&&HTML5, ordinateur Dell G3.
: le sélecteur nth-child(n) correspond au Nième élément enfant appartenant à son élément parent, quel que soit le type d'élément.
n peut être un nombre, un mot-clé ou une formule.
Pair et pair sont des mots-clés qui peuvent être utilisés pour faire correspondre des éléments enfants dont l'index est impair ou pair (l'index du premier élément enfant est 1).
Donc l'écriture est :
li:nth-child(odd)
L'exemple est le suivant :
<!DOCTYPE html>
<html>
<head>
<style>
li:nth-child(odd)
{
background:#ff0000;
}
</style>
</head>
<body>
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<p><b>注释：</b>Internet Explorer 不支持 :nth-child() 选择器。</p>
</body>
</html>Résultat de sortie :
(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!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
