下面我將用幾個典型的實例來給大家講解: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的详细实例的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。