那为什么food子元素li实现出来是两个框呢
<ul class="food">
<li>水果
<ul>
<li>香蕉</li>
<li>苹果</li>
<li>梨</li>
</ul>
</li>
<li>蔬菜
<ul>
<li>白菜</li>
<li>油菜</li>
<li>卷心菜</li>
</ul>
</li>
</ul>
第一个子元素不就是最外面的li吗
<ul class="food">
<li>水果
<ul>/*这个怎么回事!*/
<li>香蕉</li>
<li>苹果</li>
<li>梨</li>
</ul>
</li>
<li>蔬菜
<ul>
<li>白菜</li>
<li>油菜</li>
<li>卷心菜</li>
</ul>
</li>
</ul>
第一个子元素不就是最外面的li吗
子元素选择器是选择 第一代子元素,不是 第一个子元素