关于子选择器和后代选择器

Question

<ul class="food">

    <li>水果

        <ul>

         <li>香蕉</li>

            <li>苹果</li>

            <li>梨</li>

        </ul>

    </li>

    <li>蔬菜

     <ul>

         <li>白菜</li>

            <li>油菜</li>

            <li>卷心菜</li>

        </ul>

    </li>

</ul>
这里的香蕉 苹果 梨 都是第二个u1的后代，为什么没有红色边框呢

Answer 1

后代选择器，选择所有的后代，包括儿子，孙子，重孙，子子孙孙无穷尽也！子选择器，选择所有儿子，儿子的儿子即孙子不会被选中。。