css選擇器

1、first-child

first-child表示選擇列表中的第一個(gè)標(biāo)簽。代碼如下:

li:first-child

上面的意思是,li 列表中的 第一個(gè)li模塊的背景顏色。

2、last-child

last-child表示選擇列表中的最后一個(gè)標(biāo)簽,代碼如下:

li:last-child

3、nth-child(3)

表示選擇列表中的第3個(gè)標(biāo)簽,代碼如下:

li:nth-child(3)

上面代碼中的3也可以改成其它數(shù)字,如4、5等。想選擇第幾個(gè)標(biāo)簽,就填寫幾。

4、nth-child(2n)

這個(gè)表示選擇列表中的偶數(shù)標(biāo)簽,即選擇 第2、第4、第6…… 標(biāo)簽。

5、nth-child(2n-1)

這個(gè)表示選擇列表中的奇數(shù)標(biāo)簽,即選擇 第1、第3、第5、第7……標(biāo)簽。

6、nth-child(n+3)

這個(gè)表示選擇列表中的標(biāo)簽從第3個(gè)開始到最后。

7、nth-child(-n+3)

這個(gè)表示選擇列表中的標(biāo)簽從0到3,即小于3的標(biāo)簽。

8、nth-last-child(3)

這個(gè)表示選擇列表中的倒數(shù)第3個(gè)標(biāo)簽。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • class 和 id 的使用場(chǎng)景 class選擇器是我們經(jīng)常使用的選擇器最廣最多的選擇器,可以給任何元素添加cla...
    zx9426閱讀 892評(píng)論 0 0
  • 一、CSS選擇器常見的有幾種? 基本選擇器 通配選擇器~選擇文檔中所有的html元素,用一個(gè)*表示 元素選擇器~選...
    dengpan閱讀 1,030評(píng)論 0 3
  • 其實(shí)平時(shí)用得多的選擇器無非也就是那么幾個(gè),時(shí)間久了,許多不常用的選擇器就慢慢忘記了。為了不讓自己忘記這些選擇器,今...
    盛夏晚清風(fēng)閱讀 1,955評(píng)論 0 5
  • 1.class 和 id 的使用場(chǎng)景? 兩者都能選取DOM節(jié)點(diǎn)并給DOM節(jié)點(diǎn)添加樣式,但是W3C標(biāo)準(zhǔn)里規(guī)定頁(yè)面中只...
    饑人谷_米彌輪閱讀 506評(píng)論 0 1
  • id與class的使用場(chǎng)景 id選擇器,匹配特定id的元素類選擇器,匹配class包含(不是等于)特定類的元素id...
    姚小帥閱讀 411評(píng)論 0 0

友情鏈接更多精彩內(nèi)容