【问题标题】：Ember: How to apply different stylesheets depending on the language?Ember：如何根据语言应用不同的样式表？
【发布时间】：2016-09-12 17:24:39
【问题描述】：
我想用两种语言创建一个 Ember 应用程序：一种是rtl，另一种是ltr。
如何创建两个不同的样式表，一个在我需要 rtl 时加载，一个在我需要 ltr 时加载？
我使用的是 ember 2.8。
【问题讨论】：
-
次要风格的东西：用“。”结束你的句子。 Here您可以找到其他有用的提示和技巧来快速调整您的英语。
标签：
css
ember.js
internationalization
【解决方案1】：
主要有两种方式。
第一个 - 在不同文件中保留不同方向的样式并仅使用其中一个。有一个明显的负面影响——你必须加倍你的规则。
第二种方式 - 保持单一方式，但由 css 类分开。只需在正文中添加一个与语言相关的 css 类，例如 .en 或 .th。然后为这些类修改你的css：
div {
color: red;
}
.....
.th {
div {
color: blue;
direction: rtl;
}
}
如果您选择这种方式，我会鼓励您为body 标签使用全局lang 属性，而不是自定义类名。它会让你的 css 有点复杂，但你的代码语义会很完美。