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

 

我在一个由四种语言（阿拉伯语，英语，法语和西班牙语）组成的网站上工作，（对于不知道这些语言的人来说， 阿拉伯语是一种从右向左的语言）。

基本上从左到右（en，es和fr）的网站将具有相同的布局/ CSS。

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

1.特定语言/方向课堂：

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

  • 阿拉伯语<html class="ar rtl" dir="rtl">
  • english <html class="en ltr">
  • 法语<html class="fr ltr">
  • 西班牙语<html class="sp ltr">

    • 2.使用单独的文件：

    在这种情况下，我会使用让common.css文件表示所有常见的东西，并加载单独的特定语言/方向文件（如arabic.css或western.css ）

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

    谢谢

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

    我不确定为什么你需要特定的阿拉伯语课文。 好的，您可能需要修改字体（如font-family或font-size），但不会超过此值。 要切换方向性，您应该使用dir属性（即W3C推荐）。

    至于样式元素，如果您确实需要修改每个元素的样式，则可能需要使用通用选择器： 

    * { font-family: Verdana; }

    对于给定语言的元素（如果您记得使用lang属性），您还可以将通用选择器与lang伪选择符结合使用（注意某些Web浏览器似乎不支持它，尽管自CSS2以后它应该受支持）： 

    *:lang(ar) { font-size: 14px; }
    链接地址: http://www.djcxy.com/p/8099.html

    上一篇: styling bidirectional websites CSS best practice?

    下一篇: Iterating through the union of several Java Map key sets efficiently