CSS：如何防止背景颜色被less-file中的颜色覆盖

Question

我正在使用此page。

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

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

如何强制显示frogn.css的background-color？ 我尝试在color-attribute之后使用！important，但它没有帮助。

* 更新： 我注意到背景颜色实际起作用后设置！重要。我只做了普通的刷新，所以我得到了页面的缓存版本。

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; }