謝謝，用表格來試驗看的出來，用字體顏色來弄看不出來，所以就被弄混了

那本案例來說

<div?class="fuit">
<ul>
	<li>水果
????	<ul>
????????????<li>香焦</li>
????????????<li>蘋果</li>
????????????<li>桃子</li>
????????</ul>
????
????</li>
</ul>
</div>

這里如果設置.fuit ul{}那么就選擇2個ul，一個是包圍水果ul,一個是水果下的ul，也就是全部的后代。

如果設置.fuit>ul{}那么就只選擇包圍水果的ul，即第一代后代。同時要注意的是第一代后代不是指第一個，而是只同一個階層。如我們在fuit下再增加一個ul,也能選中。

<div?class="fuit">
<ul>
	<li>水果
????	<ul>
????????	<li>香焦</li>
????????????<li>蘋果</li>
????????????<li>桃子</li>
????????</ul>
????
????</li>
</ul>
<ul>
????<li>水果2
????	<ul>
????????????<li>葡萄</li>
????????????<li>甜瓜</li>
????????????<li>荔枝</li>
????????</ul>
????
????</li>
</ul>
</div>