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

p>span{color:blue;}权值怎么算？

p span{color:red；}

p>span{color:blue；}后台颜色显示blue 它的权值比.first{color:green;}还大？

互学习

2015-10-18

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

关注问题我要回答

1805

操作

收起

3 回答

Perona
2015-10-18

这里的span元素并没有引用first类，first类到这里已经是继承了，继承权值很低的。

至于p span{}和p>span{}权值是一样大的，都是1+1。

为什么最后执行的的blue。是因为权值相同的话后面的样式会覆盖前面的样式。把p span{}和p>span{}调换下位置你就知道了。

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

收起回答

互学习提问者

非常感谢！非常开心

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

Perona 回复互学习提问者

不客气~~~

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

echo_kinchao
2015-10-19

行内样式最高这些百度都有的看的你这个只是后面的覆盖前面的而已

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

收起回答

慕后端1508769
2015-10-18

当css样式出现重复的时候，后面的样式会覆盖掉前面的样式，因为对浏览器来说解析代码是从上往下解析的，解析到下面的时候自然而然的就把之前刚解析的给干掉了。唯一的区别就是第一种写法是css1里面的写法，第二种是css2的写法，二者作用等同，均表示给P标签里面的所有span标签加样式

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

收起回答

互学习提问者

谢谢，继续努力

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

0/150

提交

取消

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

参与学习 1222423 人
解答问题 18209 个

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

进入课程

本课相似问答

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

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

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

1 回答子选择器的权值怎么算p>span，也是10+1吗

1 回答p>span权值是多少

搜索更多本课相关问答

p>span{color:blue;}权值怎么算？

我要回答关注问题

热搜

最近搜索清空

p>span{color:blue;}权值怎么算？

3 回答

本课相似问答

p>span{color:blue;}权值怎么算？