通过css3的伪类选择器:nth-child()来选择有规律的元素。
例如:
我们有若干个div,有相同的class为d,想要给偶数个的div样式,代码为:
.d:nth-child(2n){ css样式代码 }
奇数个代码为:
.d:nth-child(2n+1){ css样式代码 }
扩展一下思维~
选择第一个的代码为:
.d:first-child{ css样式代码 }
选择最后一个的代码为:
.d:last-child{ css样式代码 }
通过css3的伪类选择器:nth-child()来选择有规律的元素。
例如:
我们有若干个div,有相同的class为d,想要给偶数个的div样式,代码为:
.d:nth-child(2n){ css样式代码 }
奇数个代码为:
.d:nth-child(2n+1){ css样式代码 }
扩展一下思维~
选择第一个的代码为:
.d:first-child{ css样式代码 }
选择最后一个的代码为:
.d:last-child{ css样式代码 }
本文标题:CSS3中的奇偶行选择
本文链接:https://www.haomeiwen.com/subject/awaftxtx.html
网友评论