這就是我想做的CSS：li:nth-child(2n) {background-color:gray;}HTML：<ul> <li><a></a></li> <li><a></a></li> <li><a></a></li> <li><a></a></li></ul>這效果很好。但當(dāng)我嘗試時(shí)li>a:nth-child(2n) { color:white;}這不起作用 IDK 為什么？
3 回答
千巷貓影
TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超7個(gè)贊
您可以使用偶數(shù)規(guī)則來(lái)定位所有偶數(shù)子項(xiàng)，如下所示。
li:nth-child(even) a {
color: white;
}這是參考：https://www.w3.org/Style/Examples/007/evenodd.en.html
12345678_0001
TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超5個(gè)贊
在你的第一個(gè)例子中，你說(shuō)的是“第n里”，其中有幾個(gè)。在第二個(gè)例子中，你說(shuō)的是“一里中的第n個(gè)a”，其中只有一個(gè)。
- 3 回答
- 0 關(guān)注
- 195 瀏覽
添加回答
舉報(bào)
0/150
提交
取消