为了账号安全,请及时绑定邮箱和手机立即绑定

为什么取的是p span的样式

按照理解

p{color:red;}权值为1
.first{color:green;}的权值为10
span{color:pink;}的权值为1
p span{color:purple;}的权值为2

不是应该显示绿色吗,是span与p标签不同,还是说和继承有关系

正在回答

5 回答

.first对于span来说是继承关系,所以权值相当于0.1。而p span就相当于0.1+1,就是1.1,所以显示的是p span.

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

Otone 提问者

可是在课程里面,他说p span{color:green;} /*权值为1+1=2*/ 这又是怎么解释
2018-07-08 回复 有任何疑惑可以回复我~
#2

coding菜鸟 回复 Otone 提问者

额,有个人说同一层级看权值,包含层级看继承,你能理解吗?
2018-07-08 回复 有任何疑惑可以回复我~
#3

Otone 提问者 回复 coding菜鸟

懂了,谢谢
2018-07-08 回复 有任何疑惑可以回复我~
#4

coding菜鸟 回复 Otone 提问者

你采纳那个答案我觉得我写的不太对,因为我又试了一下,给span加上类标签,然后用.first span和span的类标签同时设置颜色,它用的是.first span设置的颜色。
2018-07-08 回复 有任何疑惑可以回复我~
#5

Otone 提问者 回复 coding菜鸟

我试了一下,再看了下前面的内容与其他人评论,我感觉权值应该是针对一个元素进行比较,span 和p span都是对span设置的样式,不用与p进行比较,所以,span权值为1,p span权值为2。这样的话,给span设置类third,.third也是与span比较,.third的权值是10,span的权值是1,这样就说得通了
2018-07-08 回复 有任何疑惑可以回复我~
#6

coding菜鸟

回复 Otone嗯,差不多就是这个意思,.first span权值就是11
2018-07-08 回复 有任何疑惑可以回复我~
查看3条回复

1+1=2

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

就近原则是权值相同的情况下, span = 1,p = 1 span = 1 合起来是2。所以是p span


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

你忘了还有一个就近原则

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

Otone 提问者

按照就近原则的话权值不是没有什么意义了吗,什么时候才看权值呢
2018-07-03 回复 有任何疑惑可以回复我~

span属于类标签和.first所以权值为1+10=11

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

举报

0/150
提交
取消

为什么取的是p span的样式

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信