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

p和span权值不都是1吗？那为什么会显示粉色，是不是span是p的子标签，所以span权值高？

p{color:red;}

.first{color:green;}/*因为权值高显示为绿色*/

span{color:pink;}/*设置为粉色*/

p和span权值不都是1吗？那为什么会显示粉色，是不是span是p的子标签，所以span权值高？

房东的斑马

2016-03-28

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

关注问题我要回答

1482

操作

收起

5 回答

盗影2015
2016-12-11

凡是继承过来的权值都是0.1，所以子标签重新设置权值得话，权值肯定是大于0.1的，颜色都会变化

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

下雨不停的雨婷
2016-06-10

我觉得应该是，“胆小如鼠”是在<span>标签里的，如果显示绿色的话，是继承来的，它的权值只有0.1或者很小。而<span>本身的权值为10，大于继承的0.1，所以显示的是span本身的粉色。

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

敏子加油
2016-03-28

就近原则

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

Mark_G
2016-03-28

楼上说的对，就近原则

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

浅唱丶悲伤
2016-03-28

因为span离的近，同样的权值会选近的

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

#1

它第一段不是用的.first{color:green}类选择器吗？那么他的权值是10，而span的权值只有1，为什么span元素内的内容会显示为粉色而不是权值更高的绿色呢？

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

举报

0/150

提交

取消

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

参与学习 1226151 人
解答问题 18236 个

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

本课相似问答

1 回答p{color:red;} .first{color:green;}/*因为权值高显示为绿色*/ span{color:pink;}/*设置为粉色*/ p span{color:purple;} #second{color:blue;}

1 回答内选择器权值为10，p span权值为2，为什么最后显示的是p span颜色？10不是大于2？

3 回答p span{color:purple;} p>span{color:blue;} 他们权值相同，那是不是显示的颜色是就近原则？

1 回答上面说span的权值为一，p span 权值为1+1=2。那为什么上面设置颜色时p span覆盖不了上面的span.

1 回答p>span权值是多少

搜索更多本课相关问答

p和span权值不都是1吗？那为什么会显示粉色，是不是span是p的子标签，所以span权值高？

我要回答关注问题

意见反馈帮助中心 APP下载