1 伪类选择器(用于选择子元素用的)

table tr:nth-of-type(odd)  奇数行

table tr:nth-of-type(even) 偶数行

table tr:nth-child(odd) 奇数行

table tr:nth-child(even) 偶数行

CSS3中新增属性总结_伪类选择器 CSS3

效果如下:

CSS3中新增属性总结_伪类选择器 CSS3_02

:nth-child(参数) 更加灵活

CSS3中新增属性总结_伪类选择器 CSS3_03

n+i:表示从第i行开始往后全部选中

i:表示只选中当前的第i行

2n/3n:表示选中2的倍数行 3的倍数行

所以:nth-child 用于选择子元素还是非常灵活 和方便的

还有另两个:

:nth-first-child 表示选中第一个子元素

:nth-last-child 表示选中最后一个子元素


未完 待总结。。。