CSS样式的优先级别

内联样式 > ID选择器 > 类选择器 > 标签选择器 > 通用选择器 > 继承样式 > 浏览器默认样式

在有相同类型选择器的时候，通过赋予不同样式不同的权重，通过公式计算。
举例：

• 内联样式的权重= 1000。
• ID 选择器里样式的权重= 100。
• 类选择器、属性选择器和伪类选择器里样式的权重=10。
• 标签选择器里样式的权重=1。
• 通用选择器可以直接忽略。

选择器的权重值通过公式 n1*100 + n2*10 +n3*c 计算。

注意：

• 这个计算模型仅供理解样式优先级关系，不能代表浏览器里真实的计算方法
• 权重值的计算不能越级，比如选择器 A 只有 1 个 ID 选择器，权重就是 100；选择器 B 用了 20 个类选择器，权重值是 200。这个时候如果两个选择器对应的样式作用在同一个 DOM 节点上，那么还是选择器A会生效，因为它的选择器级别更高。
• 如果两个选择器 A 和 B 是同级别选择器，并且最终计算的权重值也相同，那么这两个选择器谁在后面谁优先级高。