關(guān)于子代和后代選擇器的運(yùn)用的疑問(wèn)
.food>li{
? ? border:1px solid red;
? ? color:blue;/*添加邊框樣式（粗細(xì)為1px， 顏色為紅色的實(shí)線）*/
}
<ul class="food">
? ? <li>水果
? ? ? ? <ul>
? ? ? ? ? ? <li>香蕉</li>
? ? ? ? ? ? <li>蘋(píng)果</li>
? ? ? ? ? ? <li>梨</li>
? ? ? ? </ul>
? ? </li>
? ? <li>蔬菜
? ? ? ?<ul>
? ? ? ? ? ? <li>白菜</li>
? ? ? ? ? ? <li>油菜</li>
? ? ? ? ? ? <li>卷心菜</li>
? ? ? ? </ul>
? ? </li>
</ul>
這段代碼中，使用了子代選擇器，”蔬菜“所對(duì)應(yīng)的li不是第一個(gè)后代，為什么“蔬菜”的字體顏色也會(huì)是藍(lán)色的？
2015-03-15
蔬菜<li>跟水果<li>是同一個(gè)階層，同樣是第一后代。舉個(gè)栗子，有個(gè)人生了2個(gè)孩子，那么這2個(gè)孩子都是他的第一代，這里的蔬菜就相當(dāng)于他的第二小孩，你不能說(shuō)第二個(gè)小孩不是他的第一代。