p:nth-child(odd) {
background: #ff0000;//奇数
}
p:nth-child(even) {
background: #0000ff;//偶数
}示例代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum=1.0,minimum=1.0,user-scalable=0" />
<style>
#list p:nth-child(odd) {
background: #ff0000;
}
#list p:nth-child(even) {
background: #0000ff;
}
</style>
</head>
<body>
<div id="list">
<p>
1
</p>
<p>
2
</p>
<p>
3
</p>
<p>
4
</p>
<p>
5
</p>
</div>
</body>
</html>
网友回复
我知道答案，我要回答
私活外包
