在Ionic3中使用SCSS為頁面上的所有元素的背景和文本着色

Question

我試圖在ionic 3項目中為SCSS中頁面的所有元素的背景和文本重新着色。

我目前使用的SASS代碼是：

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

問題在於僅背景色被更改。 問題是文本保持默認顏色。

我會尋找其他屬性來覆蓋，但“ color”屬性可在html樣式中使用。 以下HTML代碼執行所需的更改：

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

“ color”屬性也適用於所有需要重新着色的其他元素，但是我不認為解決方案是將HTML樣式添加到每個元素。

如何使用SCSS覆蓋此頁面的所有文本顏色（就像已經在工作的背景一樣）？

Answer 1

您正面臨一個specifity問題，這就是為什么顏色不能在某些元素上起作用的原因，您可以在此處閱讀：

通用選擇器（*），組合器（+，>，〜，''）和否定偽類（：not（））對特異性沒有影響。

因此，如果您仍要使用*作為選擇器，則可以添加！important，如下所示：

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

在樣式聲明上使用重要規則時，此聲明將覆蓋所有其他聲明。