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

第一段全部文字颜色设置为绿色时，胆小如鼠仍为红色

任务中第一段全部文字颜色设置为绿色，

.first{

color:green;

}

为什么不能覆盖前面设置好的

span{

color:red;

}

rafal

2014-12-16

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

关注问题我要回答

1664

操作

收起

4 回答

赵小布
2014-12-16

这里涉及到CSS样式的优先级的知识点，在本例中<p class='first'><span>胆小如鼠</span></p>示例代码中，包含距离胆小如鼠最近的span标签的样式优先级会更高，并覆盖掉从p段落的样式。可以看下面的图，一目了然。

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

收起回答

rafal 提问者

是的，继承的权值没有标签的高

2014-12-16 回复有任何疑惑可以回复我~

赵小布回复 rafal 提问者

近水楼台先得月，很多技术都采用的是就近原则。

2014-12-16 回复有任何疑惑可以回复我~

rafal 提问者
2014-12-16

自己回答：

从.first来说，是只设置自己这一层的样式，

所以要设置它所包含的span的样式，

还要深入一层.first>span来设置

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

收起回答

rafal 提问者

看来还是不对，颜色具有继承性

2014-12-16 回复有任何疑惑可以回复我~

伊兮尘昔
2014-12-16

因为你是单独设置span标签

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

收起回答

rafal 提问者

单独设置的话，span的设置在p的前面，为什么不能覆盖呢？而且根据特殊性，应该覆盖才对啊

2014-12-16 回复有任何疑惑可以回复我~

rafal 提问者

不是单独设置，所以不存在特殊性比较。

2014-12-16 回复有任何疑惑可以回复我~

rafal 提问者

继承的权值（特殊性）很低，所以采用了单独设置的span。而不是继承来得

2014-12-16 回复有任何疑惑可以回复我~

0/150

提交

取消

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

参与学习 1222454 人
解答问题 18209 个

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

进入课程

本课相似问答

4 回答第一个span里颜色设置为红色，第二个颜色设置为绿色，最终会显示绿色？

3 回答为什么“胆小如鼠”时红色的？

6 回答为什么第一段中胆小如鼠还是红色啊？

9 回答为什么胆小如鼠不是绿色？

1 回答在初始代码中，已经设置了第一段为绿色，为什么“胆小如鼠”还是可以设置成其他颜色？

搜索更多本课相关问答

第一段全部文字颜色设置为绿色时，胆小如鼠仍为红色

我要回答关注问题

热搜

最近搜索清空

第一段全部文字颜色设置为绿色时，胆小如鼠 仍为红色

4 回答

本课相似问答

第一段全部文字颜色设置为绿色时，胆小如鼠 仍为红色

第一段全部文字颜色设置为绿色时，胆小如鼠仍为红色

第一段全部文字颜色设置为绿色时，胆小如鼠仍为红色