老师你好，不是很理解>作用于元素的第一后代？看下面代码
.food>li{
/* border:1px solid red; */
color:red;/*颜色改为红色，应该只有食物的第一后代（也就是水果和蔬菜变红）可是连下面的第二代苹果香蕉等多变红色，怎么理解*/
}
<body>
<h1 >食物</h1>
<ul class="food">
<li>水果
<ul>
<li>香蕉</li>
<li>苹果</li>
<li>橘子</li>
</ul>
</li>
<li>蔬菜
<ul>
<li>韭菜</li>
<li>茄子</li>
<li>豆角</li>
</ul>
</li>
</ul>
</body>
