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

p span{color:purple;},#second{color:yellow;}，结果second中的span显示紫色，可是p span的权值只有2，为什么会覆盖权值为100的#second

<p id="second">勇气<span>老师提出了</span>是什么</p>

qq_午夜游民_0

2015-12-10

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

关注问题我要回答

1239

操作

收起

4 回答

慕課君回答被采纳 +3 积分
2015-12-10

你好，你的second匹配的是P这个标签，而你p span匹配了span以及子元素标签，所以会显示不同。在一个我们所说的权值对比是匹配同一标签时，你所用到的不同匹配方式，哪一个有优先级。你这个标签都不同，自然优先级是直接作用在span上面的啦，就是直接把父级的效果给覆盖掉了。

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

收起回答

qq_午夜游民_0 提问者

所以p 和 #second 只是两种形式，但是取得时候是一样的？

2015-12-10 回复有任何疑惑可以回复我~

qq_午夜游民_0 提问者

非常感谢！

2015-12-10 回复有任何疑惑可以回复我~

echo_kinchao
2015-12-10

权值越高就是哪一个样式

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

收起回答

mosci
2015-12-10

你好，#second是匹配到了p这个标签上，是和.first和p比较的，权值高的就使用哪种css样式

而p span和 span是匹配到span标签上，p span权值高所以显紫色

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

收起回答

qq_午夜游民_0 提问者

就是说p span的权值是2，但是#second因为是和p span比较，权值就变成了1？

2015-12-10 回复有任何疑惑可以回复我~

慕莱坞9220042
2015-12-10

你好，权限值是越小就越优先，不是越大越优先，望楼主采纳！

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

收起回答

0/150

提交

取消

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

参与学习 1225768 人
解答问题 18233 个

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

进入课程

本课相似问答

2 回答p #second span{color:purple;}为什么不生效而p#second span{color:purple;}可以生效

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

2 回答#second .first span{color:purple;}为什么胆小如鼠没有变紫色，权值100+10+1

2 回答p>span{color:purple;}的权值

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

搜索更多本课相关问答

p span{color:purple;},#second{color:yellow;}，结果second中的span显示紫色，可是p span的权值只有2，为什么会覆盖权值为100的#second

我要回答关注问题

热搜

最近搜索清空

p span{color:purple;},#second{color:yellow;}，结果second中的span显示紫色，可是p span的权值只有2，为什么会覆盖权值为100的#second

4 回答

本课相似问答

p span{color:purple;},#second{color:yellow;}，结果second中的span显示紫色，可是p span的权值只有2，为什么会覆盖权值为100的#second