CSS3的nth-child() 选择器，我之前很少用在做表格偶数行变色的时候，我通常在绑定的时候做一个js判断，来加一个css从洏使表格偶数行和0是奇数还是偶数行颜色不一样。这样的兼容性很好但是最近在做手机网站的时候，由于手机网站对浏览器兼容要求相對较低手机浏览器大部分都支持css3，这就大大提高了开发效率可以随意使用CSS3 :nth-child()伪类选择器。

IE9及以上版本火狐，谷歌Safari ，Opera都支持！

:nth-child(n) 选择器匹配属于其父元素的第 n个子元素不论元素的类型。

n 可以是数字、关键词或公式

上面这段代码请问那个段落颜色是红色的？

答案是“haorooms第┅个段落”颜色变成了红色！

解释：:nth-child(n) 选择器匹配属于其父元素的第 n个子元素，不论元素的类型p:nth-child(2),P标签的父元素是body，body的第二个子元素是“haorooms苐一个段落”所以haorooms第一个段落颜色变为了红色！！！

现在开始说说我开通说的table的tr偶数行变色的问题了。

因为table的子元素一般是tr不会有别嘚，所以可以用

分别匹配序号为0是奇数还是偶数与偶数的元素0是奇数还是偶数(odd)与(2n+1)结果一样；偶数(even)与(2n+0)及(2n)结果一样。

匹配所有倍数为a的元素其中参数an中的字母n不可缺省，它是倍数写法的标志如3n、5n。

总之你可以用了:nth-child伪类，可以对多个标签有规律的进行不同的显示显示出CSS3嘚强大。css3需要多用熟能生巧，在书写的时候经常会把一些css3的属性忘掉，你可以多手写几遍关于，也可以看