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

css继承

span{
color:green;
}
p{
color:blue;
}
<p>今天天气好晴朗，又是一个<span>阳光明媚</span>的一天</p>
请问<span>里标签为什么不是蓝色呢，不应该是继承的吗

慕用250334

2017-07-31

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

关注问题我要回答

1068

操作

收起

5 回答

慕神6115920
2017-09-07

权值原因，看 http://www.imooc.com/code/2039 这个，介绍得很详细

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

慕码人8595002
2017-08-01

<span>标签既有自己的设置green。又有<p>标签继承来的blue，但是自身标签的优先级大于继承优先级，所以<span>内容显示green

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

#1

慕用250334 提问者

你的意思是span的优先级比p大是吗

2017-08-01 回复有任何疑惑可以回复我~

#2

慕码人8595002

回复慕用250334:不是比p大，是span标签优先级大于它从p继承的优先级 p和span都是标签，他俩优先级一样啊，9——2讲的优先级你可以再好好理解一下

2017-08-01 回复有任何疑惑可以回复我~

#3

qq_囧囧_3 回复慕码人8595002

是不是就近原则

2017-08-02 回复有任何疑惑可以回复我~

qq_movement_0
2017-07-31

考虑优先级。id>class>标签>继承元素（继承的优先级是最低的，所以只要有其他的样式定义，基本上都比继承的优先级高，所以继承来的样式改变不了span本身的样式）

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

#1

慕用250334 提问者

不好意思，我还是没看懂，，优先级和选择器和标签有啥关系？？还望讲的更简单些

2017-07-31 回复有任何疑惑可以回复我~

qq_movement_0
2017-07-31

p标签的子标签是span,而继承的权值是最底的，有文献说是0.1，说明他很底，span的权值是1，而继承P的只为0.1，那么span标签里面的只能是green。

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

#1

慕用250334 提问者

太深奥了，看不懂

2017-07-31 回复有任何疑惑可以回复我~

#2

qq_movement_0 回复慕用250334 提问者

考虑优先级。id>class>标签>继承元素（继承的优先级是最低的，所以只要有其他的样式定义，基本上都比继承的优先级高，所以继承来的样式改变不了span本身的样式）

2017-07-31 回复有任何疑惑可以回复我~

qq_说实话我想不到名字_04001214
2017-07-31

当没有span{color：green；}的时候就是blue了。继承只是在它本身没有设置的时候才继承父辈的属性

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

#1

慕用250334 提问者

我也知道span标签不设置，会显示蓝色，正因为设置了，却没继承p，所以不理解啊

2017-07-31 回复有任何疑惑可以回复我~

#2

慕用250334 提问者

本身没有设置才会继承，那有什么意义？

2017-07-31 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

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

参与学习 1225792 人
解答问题 18234 个

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

本课相似问答

6 回答CSS继承

2 回答css继承

4 回答CSS继承

3 回答css的继承性

2 回答css的继承性

搜索更多本课相关问答

css继承

我要回答关注问题

意见反馈帮助中心 APP下载