您当前位置: 首页 » 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内容推荐

分类:

JavaScript, web前端

| 标签:

发表评论?

0 条评论。

发表评论