在網站開發過程中 ,我們經常會碰到一些選擇器的要求 比如: 第一項 或者最后一項 ,或者第幾項 ,亦或者隔行 第幾項之后的那些項之類的 下面我們就分別來介紹下。
常見的一些用法就是 第一項 第N項 和 最后一項,這是開發中常用的選擇要求 寫法如下 :
first-child first-child:選擇列表中的第一個標簽。
nth-child(n) nth-child(n):選擇列表中的第 n 個標簽。
last-child last-child:選擇列表中的最后一個標簽。
還有就是偶數選擇:
nth-child(even) nth-child(even):選擇列表的偶數行。
或者另外一種寫法 nth-child(2n);
奇數選擇器:
nth-child(odd)
nth-child(odd) :選擇列表的奇數行。
同樣另外一種寫法nth-child(2n-1).nth-child(2n+1);
上面這些都是開發中比較常見的一些選擇方法 ,我們還可以 更加靈活的使用nth-child()進行操作;
nth-child(-n+n)
nth-child(-n+n):選擇第N個數之前的項(此處第二個N表示的是具體的數字)。
nth-child(-n+n)
nth-child(-n+n):選擇第N個數之后的項(此處第二個N表示的是具體的數字)。
nth-last-child(n) nth-last-child(n):選擇倒數第 n 個元素(此處N表示的是具體的數字)。
nth-last-child(n+n) nth-last-child(n+n):選擇倒數第 n 個之前的元素(此處第二個N表示的是具體的數字)。
nth-last-child(nn) nth-last-child(3n): 這里選擇的是第3.6.9....項 表示選擇3的倍數的項。
說了這么多 相信大家已經對nth:child選擇器有了更詳細的了解 希望大家能夠熟練應用 提高開發速度。(濟南文匯軟件 前端開發工程師為您整理)



