css选择器nth-child

选择第n个，n位数字
:nth-child(n){}

选择列表中的偶数标签
:nth-child(2n){}
或
:nth-child(even){}

选择列表中的奇数标签
:nth-child(2n-1){}
或
:nth-child(odd){}

选择前几个元素
【负方向范围】选择第1个到第3个
:nth-child(-n+3){}

从第几个开始选择
【正方向范围】选择从第3个开始的，直到最后
:nth-child(n+3){}

两者结合使用，可以限制选择某一个范围
【限制范围】选择第3个到第6个，取两者的交集
:nth-child(n+3):nth-child(-n+6){}

选择列表中的倒数第n个标签 n为数字
:nth-last-child(n) {}

first-child表示选择列表中的第一个标签
例： li:first-child{margin-top: 10px;}

last-child表示选择列表中的最后一个标签
例： li:last-child{margin-top: 10px;}

总结

以上是生活随笔为你收集整理的css选择器nth-child的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。