CSS优先级算法如何计算

判断优先级时，首先我们会判断一条属性声明是否有权重，也就是是否在声明后面加上了!important。一条声明如果加上权重，那么他的优先级就是最高的，前提是它之后不再出现相同权重的声明。如果权重相同，我们则需要去比较匹配规则的特殊性。
一条匹配规则一般由多个选择器组成，一条规则的特殊性由组成它的选择器的特殊性累加而成。选择器的特殊性可以分为四个等级，第一个等级是行内样式，为1 0 0 0,第二个等级是id选择器，为0 1 0 0 ，第三个等级是类选择器，伪类选择器，属性选择器为：0 0 1 0，第四个等级是元素选择器和伪元素选择器：0 0 0 1。规则中每出现一个选择器，就将他的特殊性进行累加，这个累加只限于对应等级的累加，不会产生进位。选择器特殊性值的比较是从左向右排序的，也就是说以1开头的特殊性比所有0开头的特殊性值要大。
比如说特殊性值为1000的规则优先级就要比特殊性值为0999的规则高。如果两个规则的特殊性值相等的时候，那么就会根据他们引用的顺序，后出现的规则的优先级最高。