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，所以可以理解为继承的权值最低
网址：参考网址