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

慕课评论水太深了。

我看到好几个回答别人的问题都理解的不对，怕是误人子弟了。

p{color:red;} /*继承权值0.1*/

.first{color:green;}/*类选择器权值高显示为绿色*/

span{color:pink;}/*元素标签1为粉色*/

p span{color:purple;}/*权值为2*/

</style>

这样子理解对的吗？

后代选择器和继承是两个概念吧

慕沐4974640

2018-07-10

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

关注问题我要回答

1487

操作

收起

5 回答

qq_分流_0
2018-08-14

先比较范围若范围不一样则以小范围优先若范围一样比较权值权值大优先权值一样内联式优先

比如p>span这个子选择器的意义是p标签的第一代子标签<span>全为紫色我们先来看范围

这个p>span标签的范围和上面span的作用范围一样所以比较权值明显看出前者大所以为紫色

再看p和.first范围一样比较权值明显.first大所以整体为绿色

又因为span的作用范围小所以颜色不受大范围的标签控制

个人理解错误请纠正

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

收起回答

273
2018-07-21

那个第一行权值不应该是1吗

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

收起回答

0我思故我在0
2018-07-18

在第一段中作用域p span<=span<.first<=p,局部作用域p span 等于span，但整体作用域p span小于span，.first与p同理，作用域相对小（权值大）的起作用（可理解为同一层级不同权值）。局部作用域相等，整体作用域相等或无法判定（可理解为同一层级同一权值）采用就近原则，个人理解

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

收起回答

Gaberial

你理解是对的，，针对同一个元素才讨论权值/优先级高低，不针对同一个元素就看哪个定义的更加具体

2018-07-18 回复有任何疑惑可以回复我~