選擇第n個(gè)，n位數(shù)字
:nth-child(n){}

選擇列表中的偶數(shù)標(biāo)簽
:nth-child(2n){}
或
:nth-child(even){}

選擇列表中的奇數(shù)標(biāo)簽
:nth-child(2n-1){}
或
:nth-child(odd){}

選擇前幾個(gè)元素
【負(fù)方向范圍】選擇第1個(gè)到第3個(gè)
:nth-child(-n+3){}

從第幾個(gè)開(kāi)始選擇
【正方向范圍】選擇從第3個(gè)開(kāi)始的，直到最后
:nth-child(n+3){}

兩者結(jié)合使用，可以限制選擇某一個(gè)范圍
【限制范圍】選擇第3個(gè)到第6個(gè)，取兩者的交集
:nth-child(n+3):nth-child(-n+6){}

選擇列表中的倒數(shù)第n個(gè)標(biāo)簽 n為數(shù)字
:nth-last-child(n) {}

first-child表示選擇列表中的第一個(gè)標(biāo)簽
例： li:first-child{margin-top: 10px;}

last-child表示選擇列表中的最后一個(gè)標(biāo)簽
例： li:last-child{margin-top: 10px;}

總結(jié)

以上是生活随笔為你收集整理的css选择器nth-child的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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