使用Ionic3中的SCSS为页面上的所有元素的背景和文本着色

Question

我试图在离子3项目中重新调用SCSS中所有元素的页面背景和文本。

我目前使用的SASS代码是：

* {
    background-color: black;
    color: white;
}

问题是只改变了背景颜色。问题是文本保持默认颜色。

我会寻找一个不同的属性来覆盖，但是＆＃34;颜色＆＃34;属性适用于html样式。以下HTML代码执行所需的更改：

<ion-card-header style="color: white">
    Title
</ion-card-header>

＆＃34;颜色＆＃34;属性也适用于需要重新着色的所有其他元素，但我不认为解决方案是将HTML样式添加到每个元素。

如何使用SCSS覆盖此页面的所有文本颜色（就像已经在工作的背景一样）？

Answer 1

您正面临specifity问题，这就是为什么颜色不能处理某些元素的原因，因为您可以阅读here：

  

通用选择器（*），组合器（+，＆gt;，〜，''）和否定   伪类（：not（））对特异性没有影响。

因此，如果你仍想使用*作为选择器，你可以像这样添加！important ：

* {
    background-color: black;
    color: white!important;
}

  

当在样式声明上使用重要规则时，这个   声明覆盖任何其他声明。