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

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

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

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

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

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

選擇列表中的倒數第n個標簽 n為數字
:nth-last-child(n) {}

first-child表示選擇列表中的第一個標簽
例： li:first-child{margin-top: 10px;}

last-child表示選擇列表中的最后一個標簽
例： li:last-child{margin-top: 10px;}

總結

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

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