CSS3中的奇偶行选择

通过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中的奇偶行选择)