css权重的问题
他们的优先级:内联式>嵌入式>外部式
但是嵌入式>外部式有一个前提嵌入式css样式的位置一定在外部式的后面。如右代码编辑器就是这样,代码的前面(实际开发中也是这么写的)。感兴趣的小伙伴可以试一下,把它们调换顺序,再看他们的优先级是否变化。
<link href="style.css" ...>
<style type='text/css'>
//样式代码
</style>
下面是权值的关系:
- 标签的权值为1
- 类选择符的权值为10
- id选择符的权值为100
p {color: red;} /*权值为1*/
p span {color: red;} /*权值为1+1=2*/
.warning {color: red;} /*权值为10*/
p span.warning {color: red;} /*权值为1+1+10=12*/
#footer .note p{color: yellow;} /*权值为100+10+1=111*/
注意:还有一个权值比较特殊–继承也有权值但很低,有的文献提出它只有0.1,所以可以理解为继承的权值最低
网址:参考网址
版权声明:本文为dykCSDN原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。