css——奇数、偶数、指定数样式

第一种：简单数字序号写法

:nth-child(number)  //直接匹配第number个元素。参数number必须为大于0的整数
例如：li:nth-child(3){background:orange;}/把第3个LI的背景设为橙色/

第二种：倍数写法

:nth-child(an)  //匹配所有倍数为a的元素。其中参数an中的字母n不可缺省，它是倍数写法的标志，如3n、5n
例如：li:nth-child(3n){background:orange;}/把第3、第6、第9、…、所有3的倍数的LI的背景设为橙色/

第三种：奇偶匹配

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

例如：
.table > tr:nth-child(even) > td {} //（偶数行）

.table > tr:nth-child(odd) > td {background-color: #ccc;} //（奇数行）