造型双向网站CSS最佳实践？

Question

我正在一个网站上工作,包括四种语言(阿拉伯语,英语,法语和西班牙语),(阿拉伯语是一种从右到左的语言,适合那些不知道的人).

基本上,从左到右(en,es和fr)站点将具有相同的布局/ CSS.

为了处理不同的阿拉伯风格,我想知道两种方法:

1.特定语言/方向类:

将以下类添加到html标记,并使用一个简单文件来处理它

在这种情况下,我会使用let说一个common.css文件用于所有常见的事情,并加载一个单独的特定语言/方向文件(类似于arabic.css或western.css)

你认为最好的选择是什么？

谢谢

Answer 1

选项#2 听起来是更易于管理的解决方案。这样您就可以根据所选语言简单地加载适当的样式表。因为听起来网页中的文本会根据所选语言进行更新（即，它不会实际写出两次），两个单独的样式表将允许您修改布局，而不会弄乱 html 标记中的内容。因此，有关如何切换语言的更多信息可能会帮助您获得更好的答案。