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

.food>ul{ border:1px solid red;/添加边框样式（粗细为1px，颜色为红色的实线）/ }

为什么用.food>ul的时候没有任何效果了就

qq_慕前端9598668

2019-03-20

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

关注问题我要回答

694

操作

收起

2 回答

x偏爱_南半球o
2020-07-03

.food子代没有ul 你可以改成.food>li>ul

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

收起回答

慕瓜5336359
2019-05-07

因为“>”为子选择器，只作用于第一代后代，即在该代码中food后的第一个元素，<li></li>;

而“空格”为后代选择器，作用于子后代元素，在代码中，若为".food li"，即作用于所有<li></li>,用". food ul"也一样；

要想使".food>ul"有效果，可以将第一对<li></li>换成<ul></ul>,即<li>水果......</li>,<li>蔬菜......</li>;或者直接删掉。

希望能帮到你。

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

收起回答

0/150

提交

取消

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

参与学习 1222288 人
解答问题 18207 个

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

进入课程

本课相似问答

1 回答.food ul,li{border:1px solid red;}/*添加边框样式（粗细为1px，颜色为红色的实线）*/,最外面那层没框，写成.food li,ul的话最外层为什么就有框了？如何理解呢

1 回答.food>li{border:1px solid red;}

10 回答.food>ul{ border:1px solid red} 为什么没有效果呢

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

搜索更多本课相关问答

.food>ul{ border:1px solid red;/添加边框样式（粗细为1px，颜色为红色的实线）/ }

我要回答关注问题

热搜

最近搜索清空

.food>ul{ border:1px solid red;/*添加边框样式（粗细为1px， 颜色为红色的实线）*/ }

2 回答

本课相似问答

.food>ul{ border:1px solid red;/*添加边框样式（粗细为1px， 颜色为红色的实线）*/ }

.food>ul{ border:1px solid red;/添加边框样式（粗细为1px，颜色为红色的实线）/ }

.food>ul{ border:1px solid red;/添加边框样式（粗细为1px，颜色为红色的实线）/ }