问答详情
源自:9-3 权值计算-特殊性

权值的优先级?

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>显示为绿色,不是显示权值高的吗?怎么中间嵌套了权值低的也能显示?

提问者:刘旋 2016-10-26 21:33

个回答

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

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

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

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

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

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

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

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

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

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

    你应该没有读懂题目吧