html - 關于css選擇器的問題

問題描述

問題解答

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

*:first-child.b{}

就是選中所有元素類型中是第一個子元素的，且此元素類名為b。試試就知道了。實際選擇效果是選中p(因為滿足*:first-child),然后因為其無.b類名所以未選中任何元素。

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

<ul class='downList'><li class='downList2'>下拉菜單項</li><li>下拉菜單項</li><li>下拉菜單項</li><li>下拉菜單項</li> </ul>

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

是第一個子元素的他的類名也是downList2當然有效了。

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

這里 .b 元素不是 first-child