javascript - 根据javascript条件切换sass类

Question

我有两个不同国家/地区的门户网站。每个国家都有不同的 UX(小的 css 变化，如填充、颜色、字体)设计。排队的国家更多。

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

这可能吗，你能给我一些想法吗？

谢谢!!!

Answer 1

基于 JS 玩 SASS 变量是不可能的。 SASS 先编译为 CSS，因此不受 JS 的影响。

您可以做的是为 body 或一些高级 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 在 HTML body 中添加 germany 或 namibia 类，相应的样式为应用。