mobile.scss 中的 @imported 样式表 优先级低于核心声明

错误
1

我正在审查一些主题，发现对于移动样式，声明现在被核心声明覆盖了。

当我直接在 mobile/mobile.scss 中声明一个规则时，它具有优先权并被应用。但是当我使用 @import 在 mobile.scss 中时，导入的声明被覆盖了。

例如，我在主题中导入的一些声明现在被核心中的声明覆盖了：

#list-area { background: xxx; }

body { background-color: xxx; }
2 个赞
2

嗯，这很令人惊讶。主题样式表，无论是移动版还是桌面版，都设置为在核心样式表之后加载，请参阅：

您确定没有其他问题发生，例如选择器特异性问题吗？核心通常会更新更具选择性的选择器，这可能意味着使用原始选择器的主题会回退。

2 个赞
3

这与特异性无关，因为我在 mobile.scss 和使用 @import 的 mobile.scss 之间切换了完全相同的声明。第一个被应用，而另一个在浏览器检查器中被覆盖。

但现在我也无法重现它了！我刚刚创建了一个只有 mobile.scss 的空白组件来再次尝试，声明两种方式都已应用。

非常抱歉误报！不过我不知道之前是什么原因导致的……在不同的浏览器中也是这样……

2 个赞
4

没关系！也许这发生在特定的条件下……

2 个赞