.food>li就是一個人在自己子女中選擇出所有男性?

.food li就是一個人在自己所有后代包括子女孫子曾孫中選擇出所有男性

1. <ul class="food">

2. ? ? <li>水果

3. ? ? ? ? <ul>

4. ? ? ? ? ? ? <li>香蕉</li>

5. ? ? ? ? ? ? <li>蘋果</li>

6. ? ? ? ? ? ? <li>梨</li>

7. ? ? ? ? </ul>

8. ? ? </li

當(dāng)

.food li{border:1px solid red;}

包含所有l(wèi)i的后代就是2為第一代，4、5、6為第二代，那么水果、香蕉、蘋果和梨都有紅色外框。

.food>li{border:1px solid red;}

只包含第一代就是2，只有水果有紅色外框，香蕉、蘋果和梨沒有紅色外框。

這是我的理解。

我覺得應(yīng)該時這樣理解的，food的后代時ul，.food>li它的效果作用于ul(是一個子選擇器)。而.food li(是后代選擇器)因為ul的后代是li。

ps：你可以先理解一下有序列和無序列表的一些排列布局，再來理解一下這道題。

個人理解：

.foot>li? 作為父親，定義兒子、女兒這一代

.foot li? 則不僅定義兒子，女兒，還定義孫子，孫女，重孫，重孫女（所有的后代）。

<foot>
????<div>
????????<li>Hello?World</li>
????</div>
</foot>

后代選擇器生效

foot?li?{
????color:red;
}

子選擇器無效

foot?>?li?{
????color:red;
}

子選擇器? ? ?符號為 >? ?>是作用于該元素的第一代后代（而非第一個后代）

包含選擇器（后代選擇器）? ?符號為 空格? ?空格? 是作用于該元素的所有后代