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

如果只改字体颜色

如果把第10行改为color:red;.第9行还是.food>li 下面的ul表格字体全是红色的。不应该是只有第一类"水果"和"蔬菜"才变红,怎么都变红了?

正在回答

7 回答

CSS的某些样式是具有继承性的,那么什么是继承呢?继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。比如下面代码:如某种颜色应用于p标签,这个颜色设置不仅应用p标签,还应用于p标签中的所有子元素文本,这里子元素为span标签。   见9-1继承

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

双补丸 提问者

非常感谢!原来这是之后会说的内容。
2016-03-02 回复 有任何疑惑可以回复我~
#2

Jenny_01 回复 双补丸 提问者

不客气
2016-03-02 回复 有任何疑惑可以回复我~

5楼正解,因为你没设置里面<li>标签的颜色所以就继承父代的了,想改颜色你可以设置下。


.food>li>ul>li{

   color:blue;/*添加边框样式(粗细为1px, 颜色为红色的实线)*/    

}


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

5楼正解,继承的问题,原本的border:1px solid red;不具备继承性,而color会被继承,应用于所有的子元素文本

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

水果 苹果 香蕉 是同一个级别的

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

因为food下面一级就是水果和蔬菜这两大块,color:red; 改的是字体颜色,肯定是改水果和蔬菜这两个块里面所有文字的颜色

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

food>li选择它的直接子元素,后面几个都是它的子元素

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

后代选择器是作用于所有子后代元素,后面的都是自后代元素

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

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1222423    人
  • 解答问题       18209    个

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

进入课程

如果只改字体颜色

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