css - 特定的 css 选择器被非特定的覆盖

Question

我有一些非常具体的选择器被非常通用的样式覆盖了。 Chrome 和 FF 显示相同的样式(错误的，通用的，一个)，但他们的开发工具显示略有不同，这对我来说都没有任何意义。这是元素特异性的截图，谁能告诉我这里出了什么问题？

正确的、最具体的选择器应该是 24px

注意:没有使用 !important。我在后端使用 sass。

Answer 1

这取决于文件的顺序。浏览器从上到下应用规则，因此将通用选择器放在文件顶部，将特定选择器放在底部。