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

子元素问题

.food>li{color:red;} 为什么所有li都变红色，不是只有第一代有效吗？？？？？？

ANHGEU

2016-07-06

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

关注问题我要回答

880

操作

收起

9 回答

云边新月回答被采纳 +3 积分
2016-07-06

因为没有对所有元素的字体颜色进行设置，所有li下面的元素就默认和上一级相同，可以对全体元素先设置个其它颜色看看 *{color:green;}。

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

qq_淡淡绿_03604113
2016-07-06

你的写法错了,应该是<br/>

<ul><br/>

<li><br/>

TAB键<ul><li></li></ul><br/>

</li><br/>

<ul>

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

ANHGEU 提问者
2016-07-06

课程里

.food>li{border:1px solid red;}
为什么只给<li>水果</li> <li>蔬菜</li>加边框，里边的li不加边框

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

中国好感动3602522
2016-07-06

.food>li{color:red;} 这意思是 food 下面所有的li都会变成红色。建议用内联样式解决！

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

慕粉3535930
2016-07-06

因为li都是就是类food的子元素，

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

#1

ANHGEU 提问者

> 大于号不是只选择第一代吗？空格才是所有子元素啊！

2016-07-06 回复有任何疑惑可以回复我~

Fighting3555622
2016-07-06

li 都是同一级

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

慕田峪6820120
2016-07-06

第一代并不是指第一个li

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

#1

慕田峪6820120 回复 ANHGEU 提问者

第二代应该是指li里面再嵌套一个li

2016-07-06 回复有任何疑惑可以回复我~

Fighting3555622
2016-07-06

同一个<ul class="food">里面的li都显示color:red了第一代去掉li ?

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

9999993600273
2016-07-06

因为所有li都是第一代

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

举报

0/150

提交

取消

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

参与学习 1227040 人
解答问题 18247 个

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

本课相似问答

1 回答父元素和子元素的问题

3 回答子元素父元素？

2 回答父元素和子元素

2 回答有关父元素与子元素的位置的问题

2 回答关于父元素与子元素，行内元素

搜索更多本课相关问答

子元素问题

我要回答关注问题

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号