在伪类方法里面,有一个:nth-child()的方法,当()里面的参数为2n的时候表示偶数行,当()里面的参数为2n+1或者2n-1的时候表示奇数行
后面的参数为数字的时候,表示的选择的哪一行
实例:
<div id="myDiv"> <div>123</div> <div>123</div> <div>123</div> <div>123</div> <div>123</div> <div>123</div> <div>123</div></div> css:
#myDiv :nth-child(2n) { background-color: red;}#myDiv :nth-child(2n+1) { background-color: yellow;}#myDiv :nth-child(1){ background-color: green;} 效果:
时间: 2024-10-08 21:32:26