css - CSS：如何防止背景颜色被较少文件中的颜色覆盖

Question

我正在处理这个页面。

样式表文件和大部分设计都是由另一个程序员编写的。在 frogn.css 中，background-color设置应该用于页面的外部区域（其中没有信息）。例如这里。

在我正在使用的页面中，它background-color被 bootstrap.less 中的颜色覆盖，我不想更改引导文件的设置，因为它会影响其他页面。

如何强制background-color显示 frogn.css ？我尝试在颜色属性之后使用 !important ，但没有帮助。

*更新：我注意到设置 !important 在 background-color 实际起作用之后。我只做了一次普通的刷新，所以我得到了页面的缓存版本。

Answer 1

在 frogn.css 我可以看到身体背景已经有了!important

body { background-color: #eaeaea !important; color: #333; }

并且还应用了更具体的规则：

#front { background-color: #EAEAEA !important; }

要覆盖这些规则，您必须提供更具体的选择器，例如：

html #front { background-color: #FFF !important; }

这将是“更重”并且应该覆盖默认值。

Answer 2

这样做确实解决了问题：

body { background-color: #eaeaea !important; color: #333; }