根据javascript条件切换sass类

Question

我有两个不同国家的门户网站。每个国家/地区都有不同的用户体验（小的css更改，如填充，颜色，字体）设计。排队的国家还有更多。

我想通过javascript说出国家名称，然后根据从javascript传递的值，然后Sass（SCSS类）应该表现。基本上我想根据国家名称使用SASS变量文件。

是否有可能，你能给我一些想法吗？

感谢!!!

Answer 1

无法使用基于JS的SASS变量。 SASS首先编译为CSS，因此不受JS的影响。

你可以做的是为主体或某些高级div创建一组CSS类，这将影响嵌套css的某些元素。

这是一个通用示例，因为我不知道您的CSS是什么样的：

body {
  font-family: "Arial";
  color: black;
  table { border-color: red; }

  &.germany {
     color: red;
     table {border-color: yellow;}

  }
  &.namibia {
     color: green;
     table {border-color: pink;}

  }

}

在这种情况下，我会要求JS将类germany或namibia添加到HTML body，并应用相应的样式。