美文网首页Web 前端开发
css-你不知道的nth-child

css-你不知道的nth-child

作者: 没_有_人 | 来源:发表于2018-11-30 19:23 被阅读0次
1、选择第几个元素
:nth-child(1) //选择第1个元素

2、选择奇数个元素

:nth-child(odd)
或者
:nth-child(2n-1)

3、选择偶数个元素

:nth-child(even)
或者
:nth-child(2n)

4、选择前10个元素

:nth-child(-n+10)

5、选择11-20个元素

:nth-child(-n+20):nth-child(n+11)

6、选择第20个元素之后的

:nth-child(n+21)

相关文章

网友评论

    本文标题:css-你不知道的nth-child

    本文链接:https://www.haomeiwen.com/subject/otckcqtx.html