如何为某种语言使用dir属性？

Posted 2021-03-26

我有一个带有大量目录的wordpress网站。一些产品的描述是英文（LTR），一些描述是希伯来语（RTL）。我想创建一个CSS代码，根据段落语言引用dir属性。目前的代码是：

.woocommerce  p {
    direction:rtl !important;
    text-align:left;
}

但是，在英文描述的情况下，下面的代码会弄乱段落方向。我可以为同一个类使用某个CSS代码，但是用语言区分文本的方向吗？

谢谢！

答案

标准方法是使用:lang pseudo-class 。

.woocommerce  p {
    direction:rtl !important;
    text-align:left;
}

.woocommerce  p:lang(en) {
    direction: ltr !important;
}

...但它确实要求您使用the html lang attribute正确标记语言更改（但您应该这样做以帮助屏幕阅读器，搜索引擎等）。