.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>
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
老师你好，不是很理解>作用于元素的第一后代？看下面代码-PHP中文网问答-老师你好，不是很理解>作用于元素的第一后代？看下面代码-PHP中文网问答
围观一下哦，学习一下。
后代是有分 辈分的，第一后代毫无疑问就是 儿子辈的，
水果和蔬菜就是儿子辈的，而香蕉苹果这些都是在水果里面的，
则是水果的第一后代， 而水果是.food的儿子辈的，
所以香蕉水果这种同级的 li就是 .food的孙子辈的 ,这样说可以理解吗？望采纳！！
水果和蔬菜将是红色，也就是一级分类标成红色。