.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>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
안녕하세요 선생님, 잘 모르겠습니다> 요소의 첫 번째 자손에 대해 작동합니까? 아래 코드를 보세요 - PHP 중국어 웹사이트 Q&A - 안녕하세요 선생님, 요소의 첫 번째 자손에 대해 어떻게 작용하는지 잘 모르겠습니다. 아래 코드를 보세요 - PHP 중국어 웹사이트 Q&A
보고 배워보세요.
后代是有分 辈分的，第一后代毫无疑问就是 儿子辈的，
水果和蔬菜就是儿子辈的，而香蕉苹果这些都是在水果里面的，
则是水果的第一后代， 而水果是.food的儿子辈的，
所以香蕉水果这种同级的 li就是 .food的孙子辈的 ,这样说可以理解吗？望采纳！！
水果和蔬菜将是红色，也就是一级分类标成红色。