                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

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

.food>li 的展示效果：

.food li 的展示效果

前者为什么只有两个大的红框，而后者是框套框。这个怎样解释？

Leisurely_myheart

2018-05-23

源自：初识HTML(5)+CSS(3)-升级版 8-7

关注问题我要回答

1220

操作

收起

3 回答

qq_怡锦_0 回答被采纳 +2 积分
2018-05-23

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

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

收起回答

Leisurely_myheart 提问者

非常感谢！

2018-05-23 回复有任何疑惑可以回复我~

慕妹1263370
2018-05-29

food>li food li

子选择器是只给自己后代

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

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

收起回答

小zky

那你试下把border:1px solid red;改成color：red，按照你说法，food>li的话，运行后就只有水果和蔬菜这四个字变成红色，而food li则是li里面的字都变成红色。但是运行后，两个结果都是li里面的字都变成红色.，这怎么解。

2018-08-05 回复有任何疑惑可以回复我~

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

所以求解。。。。。。

2018-08-26 回复有任何疑惑可以回复我~

精慕门3401794
2018-05-23

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

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

收起回答

0/150

提交

取消

初识HTML(5)+CSS(3)-升级版

参与学习 1225794 人
解答问题 18234 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

本课相似问答

4 回答为什么把.food>li{border:1px solid red;}中的li改为ul边框消失了

3 回答.food li能否换成#food li呢？

2 回答.food>li和ul>li为什么效果不一样

1 回答请问把第9行代码li改为ul为什么效果是没有边框？应该怎么理解？

2 回答.food>li的问题

搜索更多本课相关问答

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

我要回答关注问题

热搜

最近搜索清空

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

3 回答

本课相似问答

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

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

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