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

首页课程实战体系课手记专栏慕课教程

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

来源：9-3 权值计算-特殊性

房东的斑马

2016-03-28 18:24

p{color:red;}

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

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

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

写回答关注

5回答

盗影2015

2016-12-11 15:22:06

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

0 0
下雨不停的雨婷

2016-06-10 22:30:31

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

0 0
敏子加油

2016-03-28 18:34:50

就近原则

0 0
Mark_G

2016-03-28 18:34:21

楼上说的对，就近原则

0 0
浅唱丶悲伤

2016-03-28 18:32:37

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

1 0

阿美力加

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

2016-04-07 19:48:35

共 1 条回复 >

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

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

1225297 学习 · 18230 问题

相似问题

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

回答 1

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

回答 3

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

回答 1

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

回答 1

p>span权值是多少

回答 1

打开慕课网App查看更多内容