問(wèn)題描述

問(wèn)題解答

子元素選擇器前不能用類名只能用元素名。這么寫相當(dāng)于

*:first-child.b{}

就是選中所有元素類型中是第一個(gè)子元素的，且此元素類名為b。試試就知道了。實(shí)際選擇效果是選中p(因?yàn)闈M足*:first-child),然后因?yàn)槠錈o(wú).b類名所以未選中任何元素。

你把類名放在第二個(gè)元素上看還有效嗎。

<ul class='downList'><li class='downList2'>下拉菜單項(xiàng)</li><li>下拉菜單項(xiàng)</li><li>下拉菜單項(xiàng)</li><li>下拉菜單項(xiàng)</li> </ul>

.downList2:first-child = *:first-child.downList2

是第一個(gè)子元素的他的類名也是downList2當(dāng)然有效了。

你的意思是選中類名為downList的且其中是第一個(gè)子元素的。但是:nth-child和:nth-of-type之類的選擇器前面只能加標(biāo)簽名。寫別的就相當(dāng)于前面寫了通配符 然后 同時(shí)還要滿足擁有此類名。補(bǔ)充：*:first-child.b部分多寫了空格，已刪除。

這里 .b 元素不是 first-child