我正在开发一个由四种语言（阿拉伯语、英语、法语和西班牙语）组成的网站（阿拉伯语是一种从右到左的语言，适用于不知道这一点的人）。
基本上从左到右（en、es和fr）的站点将具有相同的布局/CSS。
为了处理不同的阿拉伯语风格，我想知道两种方法：
1.具体语言/方向类别：
将以下类添加到html标记中，并使用一个简单的文件来处理
- 阿拉伯语
<html class="ar rtl" dir="rtl"> - 英语
<html class="en ltr"> - 法国
<html class="fr ltr"> - 西班牙语
<html class="sp ltr">
2.使用单独的文件：
在这种情况下，我会使用common.css文件来处理所有常见的东西，并加载一个单独的特定语言/方向文件（类似于arabic.css或western.css）
你认为最好的选择是什么？
感谢
选项#2听起来更易于管理。通过这种方式，您可以简单地根据所选语言加载适当的样式表。由于它听起来像是网页中的文本根据所选语言进行更新（即，它不是物理地写两次），两个单独的样式表将允许您修改布局，而不会干扰html标记中的内容。因此，更多关于语言将如何转换的信息可能会帮助你获得更好的答案。
我真的不知道为什么你需要阿拉伯语文本的特定类。好的，你可能想修改字体（如字体系列或字体大小），但不要超过这个数量。要切换方向性，您应该使用dir属性（这是W3C的建议）。
至于样式元素，如果您真的需要修改每个元素的样式，您可能需要使用通用选择器：
* { font-family: Verdana; }
对于给定语言中的元素（如果您记得使用lang属性），您也可以将通用选择器与lang伪选择器结合使用（请注意，一些web浏览器似乎不支持它，尽管自CSS2以来应该支持它）：
*:lang(ar) { font-size: 14px; }