无法覆盖 ionic3 中的 scss

Question

我已经在app.scss中为标题指定了全局颜色，该颜色工作正常，但我想将特定页面标题的颜色更改为黑色，但我找不到一种方法来覆盖app.scss的标题颜色并将其更改为黑色

我的应用程序.scss 代码

  .my-nav .toolbar .toolbar-background {
    background-color: blue;
}

我如何尝试在我希望它是黑色的另一个屏幕中覆盖它

家.scss

  .my-nav .toolbar .toolbar-background {
    background-color: black;
}

任何帮助将不胜感激

Answer 1

导入顺序应如下所示

如果要在 SCSS 文件中导入

 @import './app'
 @import './home'

如果你在javascript文件中导入(你的项目必须支持在javascript中导入scss文件(

import './app.scss'
import './home.scss'

Answer 2

home.scss

.my-nav .toolbar .toolbar-background {
    background-color: black !important;
}

赋予重要属性结束自动覆盖其他属性