javascript - 如何使用 Jquery 中的某些条件覆盖外部 CSS？

Question

实际上，我有一个针对不同国家/地区的不同语言的应用程序，并且使用类和 Id 为页面上的所有 HTML 元素定义了外部 CSS。我想要的是针对特定国家/地区更改整个网站的字体，但我不想通过一次又一次地将 CSS 应用于所有类来实现。那么有没有一种方法可以一次性或使用方便的方式更改整个网站的 CSS(字体)。

Answer 1

您不需要一次又一次地向所有元素添加类。将类添加到正文足以解决您的问题。请看下面的代码。

     if(/* Check your users's country, suppose that your users are in China */){
            $("body").addClass("font-chinese");
        } else if(/* So on */) {
            // keep on adding body class
      }

和你的 CSS 文件

body {
    font-family: default-font;
}
body.font-chinese .container-element {
    font-family: chinese-font;
}
body.font-another-country .container-element {
    font-family: another-font;
}

.container-element 中的子元素将使用从 .container-element 继承的 CSS 属性，因此您只需更改 font-family .container-element，它将影响所有子元素，而无需一次又一次地向所有这些元素单独添加类。