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

.food li{border:1px solid red;}为什么不在里面那个无序列<ul>显示效果，而只是在里面的<li>部分显示效果？

.......

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

............
<ul class="food">
    <li>水果
        <ul>（此处为何不显示效果,不是应该是包括li后面的所有的后代吗）
        <li>香蕉</li>
            <li>苹果</li>
            <li>梨</li>
        </ul>
    </li>
    <li>蔬菜
    <ul>
        <li>白菜</li>
            <li>油菜</li>
            <li>卷心菜</li>
        </ul>
    </li>
</ul>

..........

weixin_慕盖茨5207985

2019-01-14

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

关注问题我要回答

1578

操作

收起

5 回答

慕神0719982 回答被采纳 +2 积分
2019-01-14

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

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

那么ul也会有红实线边框，你只给li定义了边框，当然只有li有啦，并没有给ul定义啊

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

#1

weixin_慕盖茨5207985 提问者

但是ul是li的子代啊

2019-01-15 回复有任何疑惑可以回复我~

#2

weixin_慕盖茨5207985 提问者

不是说空格作用于元素的所有后代，那ul难道不是后代吗

2019-01-15 回复有任何疑惑可以回复我~

#3

weixin_慕盖茨5207985 提问者

我是指里面那个ul

2019-01-15 回复有任何疑惑可以回复我~

查看4条回复

慕移动9181930
2022-03-25

嗯嗯这个可以有^_^...打开环境变量配置窗口。右击计算机，属性 -高级系统设置 -环境变量。

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

慕村7315608
2019-02-18

已经作用上去了啊？把 .food>li 和.food li 对比一下都有红色的框框啊不知道是不是我理解错了...

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

#1

上面的才是大佬，忽略我这条好了 T_T

2019-02-18 回复有任何疑惑可以回复我~

weixin_慕盖茨5207985 提问者
2019-01-15

还有就是如何理解 .food li,ul{...}和.food ul,li{...}两者显示的效果不同

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

#1

.food li,ul效果是作用于food下的li，也作用在ul中； .food ul,li效果是作用于food下的ul，也作用在li中。

2019-02-22 回复有任何疑惑可以回复我~

#2

慕函数3319187

你逗号之后其实是相当于两个style .food li,ul{...}=.food li{...}和 ul{...} .food ul,li{...}= .food ul{...}和 li{...}

2019-02-27 回复有任何疑惑可以回复我~

weixin_慕盖茨5207985 提问者
2019-01-15

在吗大哥

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

举报

0/150

提交

取消

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

参与学习 1225285 人
解答问题 18230 个

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

本课相似问答

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

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

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

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

3 回答.food>li{border:1px solid red;}这个声明中之间为啥不写分号，写了就没效果了

搜索更多本课相关问答

.food li{border:1px solid red;}为什么不在里面那个无序列<ul>显示效果，而只是在里面的<li>部分显示效果？

我要回答关注问题

意见反馈帮助中心 APP下载