题解 | CSS选择器——伪类选择器
CSS选择器——伪类选择器
https://www.nowcoder.com/practice/d8a08991f6294e98b7b78597483ab2b8
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
/* 填写样式 */
li:nth-child(even){
background-color:rgb(255,0,0)
}
</style>
</head>
<body>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
<script type="text/javascript">
/* 填写JavaScript */
</script>
</body>
</html>
li:nth-child(even) 会选择父元素中索引为偶数的 <li> 元素（索引从 1 开始计数）
li:nth-child(odd)会选择奇数索引的子元素；
nth-child 伪类选择器也可以接受更复杂的公式，如 li:nth-child(3n+1)，用于选择每隔 3 个元素的第 1 个元素。
查看14道真题和解析