CSS ul li:nth-child的详细实例

下面我将用几个典型的实例来给大家讲解:nth-child的实际用途：

Tips：还用低版本的IE浏览器的哥们请绕过！

1、取ul li 第一条  ul li:first-child  和  最后一条  ul li:last-child

2、指定取某条，ul li:nth-child(n)，改变n的数字

3、ul li:nth-child(n+3)  从大于等于3开始取值

4、ul li:nth-child(-n+3)  从小于等于3开始取值

5、:nth-child(2n)选取偶数标签，2n也可以是even

6、:nth-child(2n-1)选取奇数标签，2n-1可以是odd

7、:nth-child(3n+1)自定义选取标签，3n+1表示“隔二取一”

8、:nth-last-child(2)  取倒数第二个

9、:nth-child(-n+2)  前两个  

如果对您有帮助记得点赞和收藏喔

总结

以上是生活随笔为你收集整理的CSS ul li:nth-child的详细实例的全部内容，希望文章能够帮你解决所遇到的问题。

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