谢谢，用表格来试验看的出来，用字体颜色来弄看不出来，所以就被弄混了

那本案例来说

<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>