:nth-child----一个CSS样式选择器

: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...