CSS 优先级算法如何计算？

难度：

计算方法：

每个等级的初始值为 0
每个等级的叠加为选择器出现的次数相加
不可进位，比如 0,99,99,99
依次表示为：0,0,0,0
每个等级计数之间没关联
等级判断从左向右，如果某一位数值相同，则判断下一位数值
如果两个优先级相同，则最后出现的优先级高，!important 也适用
通配符选择器的特殊性值为：0,0,0,0
继承样式优先级最低，通配符样式优先级高于继承样式
!important（权重），它没有特殊性值，但它的优先级是最高的，为了方便记忆，可以认为它的特殊性值为 1,0,0,0,0。

计算实例：

#demo a{color: orange;}/_特殊性值：0,1,0,1_/
div#demo a{color: red;}/_特殊性值：0,1,0,2_/

注意：

样式应用时，css 会先查看规则的权重（!important），加了权重的优先级最高，当权重相同的时候，会比较规则的特殊性。
特殊性值越大的声明优先级越高。
相同特殊性值的声明，根据样式引入的顺序，后声明的规则优先级高（距离元素出现最近的）
部分浏览器由于字节溢出问题出现的进位表现不做考虑

回答：

判断优先级时，首先我们会判断一条属性声明是否有权重，也就是是否在声明后面加上了!important。一条声明如果加上了权重，那么它的优先级就是最高的，前提是它之后不再出现相同权重的声明。如果权重相同，我们则需要去比较匹配规则的特殊性。

一条匹配规则一般由多个选择器组成，一条规则的特殊性由组成它的选择器的特殊性累加而成。选择器的特殊性可以分为四个等级，第一个等级是行内样式，为 1000，第二个等级是 id 选择器，为 0100，第三个等级是类选择器、伪类选择器和属性选择器，为 0010，第四个等级是元素选择器和伪元素选择器，为 0001。规则中每出现一个选择器，就将它的特殊性进行叠加，这个叠加只限于对应的等级的叠加，不会产生进位。选择器特殊性值的比较是从左向右排序的，也就是说以 1 开头的特殊性值比所有以 0 开头的特殊性值要大。比如说特殊性值为 1000 的的规则优先级就要比特殊性值为 0999 的规则高。如果两个规则的特殊性值相等的时候，那么就会根据它们引入的顺序，后出现的规则的优先级最高。

CSS 优先级算法如何计算？

相关知识点：

计算方法：

计算实例：

注意：

回答：

对于组合声明的特殊性值计算可以参考：

CSS 优先级算法如何计算？ ​

相关知识点： ​

计算方法： ​

计算实例： ​

注意： ​

回答： ​

对于组合声明的特殊性值计算可以参考： ​

CSS 优先级算法如何计算？

相关知识点：

计算方法：

计算实例：

注意：

回答：

对于组合声明的特殊性值计算可以参考：