css3伪类选择器选择偶数行

通过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}

未经允许不得转载:前端撸码笔记 » css3伪类选择器选择偶数行

上一篇:

下一篇: