如何使用CSS為所有類覆蓋背景顏色？

Question

我正在使用不允許編輯的CSS主題，我需要一種將所有白色backgroud-color用不太亮backgroud-color繪制的方法。

我是CSS新手，應該怎么做才能使用CSS覆蓋所有類的背景顏色？

這是一個屏幕截圖，我正在使用Primefaces生成Web內容，因此無法更改提供的CSS

我已經知道每個元素在主題中都有自己的類，但是我不知道它們的名稱，也不知道這些類中的哪一個為這些元素提供了background-color ，我正在尋找一種簡單的重新繪制方法整個頁面中的白色。

Answer 1

從官方文檔中：

特異性是瀏覽器確定哪些CSS屬性值與某個元素最相關的方法，因此將被應用。

並且：

特異性基於匹配規則，該匹配規則由不同種類的CSS選擇器組成。

這意味着， CSS會根據您的瀏覽器和您的應用CSS Selectors該瀏覽器。

您還應該查看哪些CSS選擇器具有更高的特異性。

但是，當您要覆蓋background-color ，這意味着要獲得更高的CSS Selector特異性，我認為您正在尋找的是！important異常。

再次從文檔中：

該聲明將覆蓋所有其他聲明。

這意味着將使用!important異常設置的CSS屬性將被應用，以覆蓋具有該屬性的其余不同配置。

而且，您還必須關心濫用該財產：

使用！important是不好的做法，應避免使用它，因為它會破壞樣式表中的自然級聯，從而使調試更加困難。

我的建議：

Answer 2

您可以將其粘貼到標簽底部的頁面底部。

<script>
    document.body.style.backgroundColor = "#883377";
</script>

您可以將#883377更改為#883377的任何顏色。