CSS如何選擇第幾個li?
ul li:nth-child(2) { color: red; }
在CSS中,我們可以使用:nth-child()偽類來選擇DOM中特定位置的元素。這里的“nth”代表數字序列,”:”后面的“child”表示我們要選擇子元素。
在上面的代碼中,我們使用了ul li:nth-child(2),意思是選擇ul中第二個li元素,將它的顏色設置為紅色。
其中,“:nth-child(2)”表示選擇父元素下的第二個子元素,根據這個規則可以選擇第N個li元素,只需要把數字N放在括號里即可。
需要注意的是,如果要選擇某個列表中的第N個li元素,必須確保這個列表中沒有其他元素打斷了li元素的序列,否則就會出現選擇錯誤的情況。
上一篇mysql 表中所有字段
下一篇vue混入css樣式表