您当前位置: 首页 » web前端 » html5+css3 » css3伪类选择器选择偶数行

css3伪类选择器选择偶数行

2015年4月30日 | 蒙奇·D·撸码客 ∇ 发表评论(0) ⊕ 查看评论

通过css3伪类选择器： :nth-child() 可以选择表格或li等有规律元素的偶数行。

css3选择偶数行代码为：

table tr:nth-child(2n){ background-color:#eee}

同理，奇数行只要把2n改成2n+1即可。

css3选择奇数行代码为：

table tr:nth-child(2n+1){ background-color:#eee}

css3选择最后一行代码为：

table tr: last-child{background: #eee}

html5+css3内容推荐

分类:

| 标签:

要发表评论，您必须先登录。