如何为页面的不同语言设置不同的 CSS 文件？答案

【问题标题】：How to set different CSS file for different languages of the page?如何为页面的不同语言设置不同的 CSS 文件？
【发布时间】：2018-03-26 02:20:33
【问题描述】：

我的页面包含按字母顺序排列的列表。很明显，在每种语言中，这个顺序会有所不同（同一个词在每种语言中看起来不同，因此列表中的位置需要不同）。

我将position: flex 用于<ul>，这使我可以按字母顺序手动输入所有<li>。

我想在不同的CSS 文件中为每种语言提供此订单列表，并在<html lang="en"> 更改时更改它们。因此，如果我有<html lang="en">，那么我将使用en.css，但对于<html lang="de">，我将加载de.css。

我想过两种方法，但都不知道怎么用：

还有第三种方法 - 将所有这些定义放在一个全局 style.css 中 - 它会增加文件重量，但无需下载额外的 .css 文件。

【问题讨论】：

【解决方案1】：

首先使用document.documentElement.lang 获取文档的语言，它将返回您在lang 属性上放置的任何内容。

这里是如何使用 JavaScript 将 CSS 文件设置为文档，只是想让原始来源解释一下：How to load up CSS files using Javascript?

【讨论】：