.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 フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
先生、よくわかりません> は要素の最初の子孫に作用しますか?以下のコードを見てください - PHP 中国語 Web サイト Q&A - こんにちは、先生、よくわかりません> 要素の最初の子孫に作用しますか?以下のコードを見てください - PHP 中国語 Web サイト Q&A
見て学んでください。
后代是有分 辈分的，第一后代毫无疑问就是 儿子辈的，
水果和蔬菜就是儿子辈的，而香蕉苹果这些都是在水果里面的，
则是水果的第一后代， 而水果是.food的儿子辈的，
所以香蕉水果这种同级的 li就是 .food的孙子辈的 ,这样说可以理解吗？望采纳！！
水果和蔬菜将是红色，也就是一级分类标成红色。