实施禁用的站点版本

Question

我有一个非常庞大的项目。我必须实现动态字体更改（禁用版本等）。所以我有许多css文件，其中包含声明字体大小的类。现在我必须做另外两个文件，其中将定义普通字体和更大的字体。类似的东西：

fontSize8 {
  font-size: 8px;
}

fontSize9 {
 font-size: 9px;
}

等

在第二档：

fontSize8 {
 font-size: 13px;
}

等

项目中的所有字体都必须依赖于此文件中的预定义类。我的问题：在css文件的某个地方我有这样的东西：

DIV.LabelText {
    font-size: 12;
}

如何将这两个类（fontSize12和DIV.LabelText）相关联，而不是更改doc文件中类DIV.LabelText的每个用法？如果我必须纠正每一种使用情况，那将是一场灾难。

Answer 1

要覆盖或严格执行不同粒度级别的样式设置，您可以使用此属性

!important

一个例子

fontSize8 {
  font-size: 8px !important;
}

这甚至会覆盖其他样式，内联样式（如果有的话）。样式的优先级按升序排列如下：

样式表可以有几个不同的来源：

• 用户代理：     - 例如，浏览器的默认样式表。
• 用户     - 例如用户的浏览器选项。
• 作者     - 这是页面提供的CSS（无论是内联，嵌入还是外部）

知道了这一点，让我们按照重要性的升序来看最终的顺序：

• 用户代理声明，
• 用户声明，
• 作者声明，
• 作者！重要声明，
• 用户！重要声明。

可以找到此信息here