css - 为残疾人实现网站版本

Question

我有一个非常大的元素。我必须实现动态字体更改(禁用版本等)。所以我有许多带有类的 css 文件，其中声明了字体大小。现在我必须做另外两个文件，其中将定义普通字体和更大的字体。像这样的东西:

fontSize8 {
  font-size: 8px;
}

fontSize9 {
 font-size: 9px;
}

等等

在第二个文件中:

fontSize8 {
 font-size: 13px;
}

等等

元素中各处的字体都必须依赖于此文件中的预定义类。我的问题:在 css 文件的某处我有这样的东西:

DIV.LabelText {
    font-size: 12;
}

我如何关联这两个类(fontSize12 和DIV.LabelText)而不改变文档中类DIV.LabelText 的所有用法文件？如果我必须纠正每个使用情况，那将是一场灾难。

Answer 1

要在不同的粒度级别覆盖或严格实现样式，您可以使用此属性

!important

一个例子

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

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

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

• 用户代理: -- 例如，浏览器的默认样式表。
• 用户 -- 例如用户的浏览器选项。
• 作者 -- 这是页面提供的 CSS(内联、嵌入或外部)

知道了这一点，让我们看看最终的顺序，按重要性升序排列:

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

可以查到这个信息here