优先级简述

浏览器通过优先级来判断哪些属性值与一个元素最为相关，从而在该元素上应用这些属性值。 简单的说优先级是基于不同种类选择器组成的匹配规则。

选择器优先级规则

CSS选择器的优先级（权重如下） ！important > 行内样式 > ID选择器 > 类、伪类、属性选择器 > 标签、伪元素选择器 > 通配符、子类选择器、兄弟选择器

小结

讲清楚如下两点:

1、什么是 css 选择器优先级: css选择器优先级是基于不同种类选择器组成的匹配规则。

2、css 选择器的优先级: !important > 行内样式 > ID 选择器 > 类、伪类、属性选择器 > 标签、伪元素选择器 > 通配符、子类选择器、兄弟选择器