美文网首页
CSS3中的奇偶行选择

CSS3中的奇偶行选择

作者: 孤屿孤行 | 来源:发表于2017-05-01 17:10 被阅读0次

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