css优先级计算方法

1、一般：

ID优先级>class>元素选择器（对）
外联样式优先级低于内联样式（错）
内联样式优先级低于行间样式（对）

2、计算：

*
css继承是从一个元素向其后代元素传递属性值所采用的机制。确定应当向一个元素应用哪些值时，浏览器不仅要考虑继承，还要考虑声明的特殊性，另外需要考虑声明本身的来源。这个过程就称为层叠。 ——《css权威指南》

上面这句话有两个词需要稍作解释，“声明”和“特殊性”。如下图，css规则由选择器和声明块组成，写在选择器后面大括号里的就叫声明。

选择器的特殊性值表述为4个部分，用0,0,0,0表示。
• 行间样式的特殊性是1,0,0,0
• ID选择器的特殊性值，加0,1,0,0
• 类选择器、属性选择器或伪类，加0,0,1,0
• 元素、标签（div）和伪元素，加0,0,0,1
• 通配选择器*对特殊性没有贡献，即0,0,0,0
• 最后比较特殊的一个标志!important（权重），它没有特殊性值，但它的优先级是最高的，为了方便记忆，可以认为它的特殊性值为1,0,0,0,0

假如特殊性相同的两条规则应用到同一个元素会怎样？
css会先查看规则的权重（!important），加了权重的优先级最高，当权重相同的时候，会比较规则的特殊性，根据前面的优先级计算规则决定哪条规则起作用，当特殊性值也一样的时候，css规则会按顺序排序，后声明的规则优先级高。