:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。
n 可以是数字、关键词或公式
<p class="css">
<span>1</span>
<span>2</span>
<span>3</span>
<span>4</span>
</p>
<style>
//此时2,4会变红色
css span:nth-child(2n){
color:red;
}
//此时1,3会变绿色
css span:nth-child(2n-1){
color:green;
}
</style>
选择列表的偶数标签:nth-child(2n)
选择列表的奇数标签:nth-child(2n-1)