下面我將用幾個(gè)典型的實(shí)例來給大家講解:nth-child的實(shí)際用途：

Tips：還用低版本的IE瀏覽器的哥們請(qǐng)繞過！

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

2、指定取某條，ul li:nth-child(n)，改變n的數(shù)字

3、ul li:nth-child(n+3)? 從大于等于3開始取值

4、ul li:nth-child(-n+3)? 從小于等于3開始取值

5、:nth-child(2n)選取偶數(shù)標(biāo)簽，2n也可以是even

6、:nth-child(2n-1)選取奇數(shù)標(biāo)簽，2n-1可以是odd

7、:nth-child(3n+1)自定義選取標(biāo)簽，3n+1表示“隔二取一”

8、:nth-last-child(2)? 取倒數(shù)第二個(gè)

9、:nth-child(-n+2)? 前兩個(gè)??

如果對(duì)您有幫助記得點(diǎn)贊和收藏喔

總結(jié)

以上是生活随笔為你收集整理的CSS ul li:nth-child的详细实例的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。