下面的选择器优先级递增：
- 类型选择器（h1, :before等）
- 类选择器 (例如，
.example)，属性选择器（例如，[type="radio"]）和伪类（例如，:hover） - ID 选择器（例如，
#example）。 - 内联样式
通配选择符（*）和关系选择符（+、>等）对优先级没有影响
例外情况：
使用 !important 的属性具有最高的优先级
在优先级相同的情况下，后出现的优先级比先出现的优先级更高，可以理解为后出现的覆盖先出现的。
参考： MDN-优先级是如何计算的：https://developer.mozilla.org/zh-CN/docs/Web/CSS/Specificity
