急！！子选择器的问题
.food>li{color:red;}
为什么所有后代都变红色？不是只有第一代有效吗？
<style type="text/css">
.food>li{color:red;}
</style>
</head>
<body>
<ul class="food">
<li>水果
<ul>
<li>香蕉</li>
<li>苹果</li>
<li>梨</li>
</ul>
</li>
<li>蔬菜
<ul>
<li>白菜</li>
<li>油菜</li>
<li>卷心菜</li>
</ul>
</li>
</ul>
ANHGEU浏览 1869回答 6
6回答
-
echo_kinchao
你这个是 父级下 所有li子集都是红 你应该写 li:first-child -
samdeo
因为color属性是可以继承的。你设置了第一代的color属性值，第一代的所有后代元素就会继承第一代的color属性值。所以全部字体都变成红色的了。 -
ANHGEU
http://www.imooc.com/code/2023这一节讲的，>加了大于号应该只作用于第一代，为什么.food>li{color:red;}所有子代都变红色？？ -
ANHGEU
补充问题 -
汉娜之眼
水果是第一代，第一代包括的li都变成红色
随时随地看视频慕课网APP
CSS3
Html/CSS
Html5