css - Ember : How to apply different stylesheets depending on the language?

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;
  }
}

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