CSS中优先级规则
在CSS中，优先级规则是指当多个样式声明对同一个元素有冲突时，谁的优先级较高，谁的样式声明才会被应用到元素上。
CSS中优先级规则分为4个等级：
- 1. 从最高到最低：!important > 行内样式 > ID > 类 > 元素 > 通配符
- 2. 从最低到最高：通配符 > 元素 > 类 > ID > 行内样式 > !important
- 3. 从最高到最低：!important > 行内样式 > ID > 类 > 元素 > 伪类/伪元素 > 属性 > 继承 > 通配符
- 4. 从最低到最高：通配符 > 继承 > 属性 > 伪类/伪元素 > 元素 > 类 > ID > 行内样式 > !important
其中，!important最高，行内样式次之，ID比类优先级高，元素比类优先级高，伪类/伪元素比属性优先级高，属性比继承优先级高，继承比通配符优先级高，通配符最低。
使用方法：当多个样式声明对同一个元素有冲突时，可以按照优先级规则来判断哪个样式声明会被应用到元素上。
例如：
.class1 {
color: red;
}
#id1 {
color: blue;
}
当元素同时被class1和id1样式声明时，由于id优先级高于class，元素的颜色会被设置为blue。