<!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 个元素。



京公网安备 11010502036488号