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

把右边代码编辑器中第9行代码修改一下: 把.food>li修改为.food li看一下效果。

.food>li 的展示效果:

https://img1.sycdn.imooc.com//5b0512e10001dc2a04040326.jpg.food li 的展示效果

https://img1.sycdn.imooc.com//5b05131000010bd104120355.jpg前者为什么只有两个大的红框,而后者是框套框。这个怎样解释?

正在回答

3 回答

>是一个子代选择器 只对他的子集产生影响

0 回复 有任何疑惑可以回复我~
#1

Leisurely_myheart 提问者

非常感谢!
2018-05-23 回复 有任何疑惑可以回复我~

food>li  food  li

子选择器是只给自己后代

后代选择器是包括所有后代

1 回复 有任何疑惑可以回复我~
#1

小zky

那你试下把border:1px solid red;改成color:red,按照你说法,food>li的话,运行后就只有水果和蔬菜这四个字变成红色,而food li则是li里面的字都变成红色。但是运行后,两个结果都是li里面的字都变成红色.,这怎么解。
2018-08-05 回复 有任何疑惑可以回复我~
#2

qq_QQ斗地主第一名_03842666 回复 小zky

所以求解。。。。。。
2018-08-26 回复 有任何疑惑可以回复我~

子选择器与后代选择器的区别,子选择器只给food下的li赋予边框属性,后代选择器是给food下的li及所有后代都赋予边框属性。ps:子选择器是“food>li”,后代选择器是“food li”

1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

把右边代码编辑器中第9行代码修改一下: 把.food>li修改为.food li看一下效果。

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信