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

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

我正在position: flex使用<ul>，这允许我按字母顺序将所有<li>设为manualy。

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

我想过两种方法，但我不知道如何使用它们：

还有第三种方法 - 将所有这些定义放入一个全局<head> - 它会增加文件权重，但不需要下载额外的.css文件。