层叠机制--比较特殊性

总体规则

每一个声明都有一个特殊性，当发生冲突时，特殊性高的会保留，低的会淘汰，一个声明的特殊性取决于规则适用范围的大小，规则适用范围越大特殊越低，适用范围越小特殊性越高（html范围最大）

特殊性从高到低 ：行内样式>ID选择器>类选择器>元素选择器>通配符选择器

具体规则

在比较特殊性时，每一个冲突的声明，会生成4个数字（abcd）来比较特殊性，a越大特殊性越高，若a相同则比较b,以此类推。

a:若声明是行内样式，则为1否则为0

b:规则中ID选择器的个数

c;规则中类选择器、伪类选择器、和属性选择器个数

d：规则中元素选择器、伪元素个数

当计算选择器分组的时候，并集选择器要分开计算。

原文地址：https://www.cnblogs.com/James23/p/8848572.html