.food>li{

    border:1px solid red;

    color:blue;/*添加边框样式（粗细为1px， 颜色为红色的实线）*/

}

<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不是第一个后代，为什么“蔬菜”的字体颜色也会是蓝色的？