权值的优先级?

来源:9-3 权值计算-特殊性

刘旋

2016-10-26 21:33

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回答

  • wingle
    2016-10-26 21:49:45
    已采纳

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

    刘旋

    非常感谢!

    2016-10-26 21:53:07

    共 1 条回复 >

  • wingle
    2016-10-26 22:33:22

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

  • wingle
    2016-10-26 22:30:57

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

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

    刘旋

    这个课程中提到了 不理解的是继承的权值低呢 还是被继承的权值低呢?

    2016-10-26 22:33:36

    共 1 条回复 >

  • wingle
    2016-10-26 22:17:12

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

    刘旋

    那你的意思就是 当span 继承于,first时 ,first的权值变成了0.1

    2016-10-26 22:19:58

    共 1 条回复 >

  • 李甜2017
    2016-10-26 21:40:37

    你应该没有读懂题目吧

    刘旋

    p span{color:purple;}的权值比ID选择器的权值高吗?

    2016-10-26 21:44:58

    共 2 条回复 >

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

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

1223116 学习 · 18212 问题

查看课程

相似问题