无法覆盖ionic3中的scss

Question

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

我的app.scss代码

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

我要如何在另一个我希望它为黑色的屏幕上覆盖它

home.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;
}

对属性结尾很重要，可以自动覆盖其他属性