:nth-child(2n) 是CSS的一个选择器,对于在DOM树中有an+b-1个兄弟节点的元素,通过:nth-child可以选择哪些元素应用样式。这些兄弟节点中编号从1开始。
语法:element:nth-child(an + b) { style properties }
表示element对应的元素中,第an+b(n可以使任意整数)个元素应用该CSS样式;
一些简单的例子:
tr:nth-child(2n+1) :表示表中奇数行将显示这个定义的样式
tr:nth-child(odd) :
表示表中奇数行将显示这个定义的样式
tr:nth-child(2n)
:
表示表中偶数行将显示这个定义的样式
tr:nth-child(even)
:
表示表中偶数行将显示这个定义的样式
示例 :
span:nth-child(2n+1) { background-color: lime; }
<div>
<span>This span is limed!</span>
<span>This span is not. :(</span>
<span>But this one is!</span>
<span>Sadly, this one is not...</span>
</div>
结果将是:
This span is limed! This span is not. :( But this one is! Sadly, this one is not...