在使用 CSS 修改網頁樣式時,經常需要選中某個元素,例如我們想選中第二個<li>
標簽,那么我們可以使用 CSS 中的偽類選擇器:nth-child(2)
來實現。
/* 選中第二個 li 標簽 */ li:nth-child(2) { /* CSS 樣式 */ }
在上面的 CSS 樣式中,我們使用了:nth-child(2)
偽類選擇器,它的意思是選中父元素下的第二個子元素,也就是選中第二個<li>
標簽。
如果我們想選中更多的<li>
標簽,例如選中第 1、3、5 個標簽,我們可以使用多個偽類選擇器組合,如下所示:
/* 選中第 1、3、5 個 li 標簽 */ li:nth-child(2n-1) { /* CSS 樣式 */ }
在上面的 CSS 樣式中,我們使用了2n-1
參數,它的意思是選中父元素下奇數個子元素,也就是選中第 1、3、5 個<li>
標簽。
總之,使用 CSS 偽類選擇器:nth-child()
可以輕松選中任意位置的<li>
標簽,實現精細化的樣式控制。
上一篇css選擇器jquery
下一篇css選擇器 多選