Ember：如何根据语言应用不同的样式表？

Question

我想创建一个包含两种语言的Ember应用程序：其中一种是rtl，另一种是ltr。

如何创建两个不同的样式表，当我需要rtl时会加载一个样式表，而当我需要ltr时会加载一个样式表？

我正在使用ember 2.8。

Answer 1

主要有两种方式。

第一个 - 在不同文件中保留不同方向的样式，并仅使用其中一个。有一个明显的负面因素 - 你必须加倍规则。

第二种方式 - 保持单向，但由css类分隔。只需向正文添加与语言相关的css类，例如.en或.th。然后修改这些类的css：

div {
  color: red;
}

.....

.th {
  div {
    color: blue;
    direction: rtl;
  }
}

如果您选择这种方式，我建议您使用lang标记的全局body属性而不是自定义类名。它会使你的CSS变得有点复杂，但代码的语义将是完美的。