权值的优先级？
来源：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颜色变绿。
-
- 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
你应该没有读懂题目吧
初识HTML(5)+CSS(3)-升级版
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1225808 学习 · 18234 问题
相似问题