En CSS, vous pouvez utiliser le sélecteur de pseudo-classe ":nth-child()" pour sélectionner des lignes paires. Ce sélecteur peut sélectionner des lignes paires d'éléments réguliers tels que des tableaux ou li. nth-child(2n ){style}" ou "element:nth-child(even){style}".
L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.
En CSS, vous pouvez utiliser le sélecteur de pseudo-classe ":nth-child()" pour sélectionner des lignes paires. Utilisez le sélecteur de pseudo-classe CSS3 :nth-child() pour sélectionner des lignes paires d'éléments réguliers tels que des tables ou des li.
:nth-child(n) 选择器匹配父元素中的第 n 个子元素，元素类型没有限制。n peut être un nombre, un mot-clé ou une formule.
Lorsque n est le mot-clé "pair" ou la formule "2n", vous pouvez sélectionner des lignes paires.
Syntaxe de sélection des lignes paires :
元素:nth-child(2n){样式}
元素:nth-child(even){样式}Exemple :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style>
p:nth-child(2n)
{
background:#ff0000;
}
li:nth-child(even){
background: #AFEEEE;
}
</style>
</head>
<body>
<div>
<p>这是第一个段落。</p>
<p>这是第二个段落。</p>
<p>这是第三个段落。</p>
<p>这是第四个段落。</p>
</div>
<ul>
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
<li>第四项</li>
</ul>
</body>
</html>Rendu :
(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)
