如何使用css覆盖所有类的背景颜色？

Question

我使用的CSS主题是我不允许编辑的，我需要一种方法来绘制所有白色backgroud-color不那么闪亮的东西。

我是CSS的新手，我该怎么做才能使用CSS覆盖所有课程的背景颜色？

以下是一个屏幕截图，我使用 Primefaces 生成网络内容，因此我无法更改提供的CSS

A screen shot of what I'm trying to change

我已经明白每个元素在主题中都有它自己的类，但是我不知道它们的名字，这些类中的哪一个为这些元素提供background-color，什么我正在寻找的是一种在整个页面中重新绘制白色的简单方法。

Answer 1

来自官方documentation：

  

特异性是浏览器决定哪些CSS属性值与元素最相关的方式，因此将被应用。

还有：

  

特异性基于匹配规则，这些规则由不同种类的CSS选择器组成。

这意味着将根据您的浏览器和该浏览器的CSS应用CSS Selectors。

你还应该看看CSS Selectors具有更高的特异性。

但是，由于您要覆盖background-color，这意味着要获得更高的CSS Selector特异性，我认为您正在寻找的是!important exception。

再次来自文档：

  

此声明会覆盖任何其他声明。

这意味着将使用!important异常设置的CSS属性将覆盖具有该属性的其他不同配置。

但是，你必须关心滥用该财产：

  

使用！important是不好的做法，应该避免使用，因为它会破坏样式表中的自然级联，从而使调试变得更加困难。

我的建议：

• 尝试将background-color与CSS Selectors设置为更高的特异性。

• 如果您无法修改该属性，并且已尝试了所有可能性，请使用!important例外。

Answer 2

您可以将其粘贴到标记之前的页面底部。

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

您可以将#883377更改为您想要的任何颜色。