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

Question

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

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

注意：使用NO！important。我在后端使用sass。

Answer 1

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