p span{color:purple;},#second{color:yellow;}，结果second中的span显示紫色，可是p span的权值只有2，为什么会覆盖权值为100的#second
来源：9-3 权值计算-特殊性
qq_午夜游民_0
2015-12-10 10:34
<p id="second">勇气<span>老师提出了</span>是什么</p>
p span{color:purple;},#second{color:yellow;}，结果second中的span显示紫色，可是p span的权值只有2，为什么会覆盖权值为100的#second
写回答
关注
4回答
-
- 慕課君
- 2015-12-10 11:04:46
你好，你的second匹配的是P这个标签，而你p span匹配了span以及子元素标签，所以会显示不同。在一个我们所说的权值对比是匹配同一标签时，你所用到的不同匹配方式，哪一个有优先级。你这个标签都不同，自然优先级是直接作用在span上面的啦，就是直接把父级的效果给覆盖掉了。
-
- echo_kinchao
- 2015-12-10 12:28:10
权值越高就是哪一个样式
-
- mosci
- 2015-12-10 10:47:01
你好，#second是匹配到了p这个标签上，是和.first和p比较的，权值高的就使用哪种css样式
而p span和 span是匹配到span标签上，p span权值高所以显紫色
-
- 慕莱坞9220042
- 2015-12-10 10:37:49
你好，权限值是越小就越优先，不是越大越优先，望楼主采纳！
初识HTML(5)+CSS(3)-升级版
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1225806 学习 · 18234 问题
相似问题