前端：CSS选择器优先级计算

下面的选择器优先级递增：

• 类型选择器（h1, :before等）
• 类选择器 (例如，.example)，属性选择器（例如，[type="radio"]）和伪类（例如，:hover）
• ID 选择器（例如，#example）。
• 内联样式

通配选择符（*）和关系选择符（+、>等）对优先级没有影响

例外情况：
使用 !important 的属性具有最高的优先级

在优先级相同的情况下，后出现的优先级比先出现的优先级更高，可以理解为后出现的覆盖先出现的。

参考：
MDN-优先级是如何计算的：https://developer.mozilla.org/zh-CN/docs/Web/CSS/Specificity

如果你不是在简书看到这篇文章，请移步简书支持原作者