为了账号安全,请及时绑定邮箱和手机立即绑定

急!!子选择器的问题

急!!子选择器的问题

ANHGEU 2016-07-06 15:38:38
.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>
查看完整描述

6 回答

?
echo_kinchao

TA贡献600条经验 获得超86个赞

你这个是 父级下  所有li子集都是红  你应该写  li:first-child

查看完整回答
反对 回复 2016-07-07
?
samdeo

TA贡献1条经验 获得超0个赞

因为color属性是可以继承的。你设置了第一代的color属性值,第一代的所有后代元素就会继承第一代的color属性值。所以全部字体都变成红色的了。

查看完整回答
反对 回复 2016-07-06
?
ANHGEU

TA贡献2条经验 获得超0个赞


http://www.imooc.com/code/2023

这一节讲的,

>

加了大于号应该只作用于第一代,为什么

.food>li{color:red;}

所有子代都变红色??

查看完整回答
反对 回复 2016-07-06
?
ANHGEU

TA贡献2条经验 获得超0个赞

补充问题

577cb96700017b1602210415.jpg

577cb9690001b41101850237.jpg


查看完整回答
反对 回复 2016-07-06
?
汉娜之眼

TA贡献42条经验 获得超27个赞


水果是第一代,第一代包括的li都变成红色

查看完整回答
反对 回复 2016-07-06
  • 6 回答
  • 0 关注
  • 1868 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信