无法覆盖 ionic3 中的 scss答案

【问题标题】：Unable to override scss in ionic3无法覆盖 ionic3 中的 scss
【发布时间】：2019-11-26 17:49:39
【问题描述】：

我在 app.scss 中为页眉指定了全局颜色，它工作正常，但我想将特定页眉的颜色更改为黑色，但我找不到从 app.scss 覆盖页眉颜色的方法并将其更改为黑色

我的 app.scss 代码

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

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

home.scss

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

任何帮助将不胜感激

【问题讨论】：

【解决方案1】：

导入顺序如下

如果您是在 scss 文件中导入

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

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

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

【讨论】：

【解决方案2】：

home.scss

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

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

【讨论】：