CSS优先级
1.内联样式 (例如，style="font-weight:bold")
 选择器（例如，#example）
3.类选择器 (例如，.example)，属性选择器（例如，[type="radio"]）和伪类（例如，:hover）
4.标签选择器（例如，h1）和伪元素（例如，::before）
5.通配选择符`（*）`关系选择符`（+, >, ~, ' ', ||）`和 否定伪类`（:not()）`对优先级没有影响。（但是，在` :not() `内部声明的选择器会影响优先级）
6.继承样式
注意：
当在一个样式声明中使用一个 `!important `规则时，此声明将覆盖任何其他声明。
当两条相互冲突的带有` !important `规则的声明被应用到相同的元素上时，拥有更大优先级的声明将会被采用。

参考： ​​MDN-CSS优先级​​