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

权值的优先级?

p{color:red;} /*权值为1*/

p span{color:green;} /*权值为1+1=2*/

.warning{color:white;} /*权值为10*/

p span.warning{color:purple;} /*权值为1+1+10=12*/

#footer .note p{color:yellow;} /*权值为100+10+1=111*/


如上所述,在HTML+CSS基础教程中的9-2讲中的例题中 加上一个 p span{color:green;}的权值为2,但是前面有ID选择器,而ID选择器的权值为100,最后代码中<p>----</p>中嵌套的<span> ---</span>显示为绿色,不是显示权值高的吗?怎么中间嵌套了权值低的也能显示?

正在回答

5 回答

id选择器的后代元素只有span所以只有span颜色变绿。

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

刘旋 提问者

非常感谢!
2016-10-26 回复 有任何疑惑可以回复我~

总要有一些机制用来制约那些权值高的标签,要不然一旦使用了该标签,岂不是被其作用的内容不可修改了。

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

span标签位于类标签内,span会继承first,是继承这个行为权值为0.1。这里的继承与java中的继承不是一个概念,这里的继承方便我们对类中内容进行操作。

还有一个权值比较特殊--继承也有权值但很低,有的文献提出它只有0.1,所以可以理解为继承的权值最低。

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

刘旋 提问者

这个课程中提到了 不理解的是继承的权值低呢 还是被继承的权值低呢?
2016-10-26 回复 有任何疑惑可以回复我~

不是,span继承自.first,而继承的权值为0.1

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

刘旋 提问者

那你的意思就是 当span 继承于,first时 ,first的权值变成了0.1
2016-10-26 回复 有任何疑惑可以回复我~

你应该没有读懂题目吧

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

刘旋 提问者

要求:为“胆小如鼠”这几个文本设置权值更高的CSS样式代码来覆盖以前的CSS样式代码 在第11行输入下面的代码: p span{color:purple;}
2016-10-26 回复 有任何疑惑可以回复我~
#2

刘旋 提问者

p span{color:purple;}的权值比ID选择器的权值高吗?
2016-10-26 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1226069    人
  • 解答问题       18236    个

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

进入课程

权值的优先级?

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