使用！important与多个样式表对不同的配色方案

Question

我正在开发一个WordPress主题，我想要包含多个配色方案，每个配色方案都有自己的样式表。我不想从基本css文件中排除与颜色有关的每个属性，并强制加载第二个文件，即使是默认方案也是如此。如果我只是在主样式表中包含基本颜色方案，然后在备用样式表的每个颜色属性上使用！important，那么这会被认为是不好的做法吗？似乎无偿使用！重要，但我不确定它是否可以接受。

Answer 1

这是重要的想法，要覆盖所有其他匹配的CSS规则。

然而，如果您找到另一种方法来覆盖基本样式而不是使用！important。

，那会更好

只有在没有其他方式时才应使用！important（例如覆盖内联样式）。

http://coding.smashingmagazine.com/2010/11/02/the-important-css-declaration-how-and-when-to-use-it/

也许你可以覆盖基类，或者你可以在另一个类之前添加一个类：

<p class="base_class theme_class">Bla Bla Bla</p>

即。有“base_color theme_color”并且只在第二个主题CSS中实现主题颜色。

所以你有：

.base_color {
  color: red;
}

.theme_color{

 color: blue;
}

Answer 2

除非您不是绝对需要，否则不应使用!important。我从来没有遇到过证明它的理由。

您可以在主要样式表之后包含备用样式表，无论如何都会覆盖颜色。无需!important。

另外，请阅读：http://coding.smashingmagazine.com/2010/11/02/the-important-css-declaration-how-and-when-to-use-it/

Answer 3

只需在基本方案之后包含颜色方案文件。像：

<link rel="stylesheet" href="base.css">
<link rel="stylesheet" href="schemeX.css">

这样后一种风格会覆盖基本样式。只需在两个文件上使用相同的类和ID。