css - 使用通用选择器覆盖 CSS 重置

Question

我有一个设置字体的重置（Eric Meyer's Reset），然后我在此之上加载我的样式表，我想在其中使用通用选择器全局设置字体

但是，尽管在我的 SASS 中，通用选择器是在重置后加载的，但重置优先。（请参阅来自 devtools 的附加屏幕截图）

我知道这与特异性有关，但我认为通用选择器将充当通配符。为什么是这样？

Answer 1

通用选择器 * 没有特异性值。基本上任何事物都优先于它。

通过 MDN：

以下选择器类型列表是通过增加特异性：

通用选择器（例如，*）

类型选择器（例如，h1）

类选择器（例如，.example）

属性选择器（例如，[type="radio"]）

伪类（例如：hover）

ID 选择器（例如，#example）

内联样式（例如 style="font-weight:bold"）

当然 !important 会覆盖以上所有内容，但也没有特异性值。

可以在此处找到其他信息的良好来源：https ://developer.mozilla.org/en-US/docs/Web/CSS/Specificity