实际上,我有一个针对不同国家/地区的不同语言的应用程序,并且使用类和 Id 为页面上的所有 HTML 元素定义了外部 CSS。我想要的是针对特定国家/地区更改整个网站的字体,但我不想通过一次又一次地将 CSS 应用于所有类来实现。那么有没有一种方法可以一次性或使用方便的方式更改整个网站的 CSS(字体)。
最佳答案
您不需要一次又一次地向所有元素添加类。将类添加到正文足以解决您的问题。请看下面的代码。
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
,它将影响所有子元素,而无需一次又一次地向所有这些元素单独添加类。
关于javascript - 如何使用 Jquery 中的某些条件覆盖外部 CSS?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32175384/