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

Question

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

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

然而，在英文描述的情况下，下面的代码打乱了段落方向。我可以为同一个类使用特定的 CSS 代码，但通过语言区分文本的方向吗？

谢谢!

Answer 1

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

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

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

… 但它确实需要您使用 the HTML lang attribute 明确标记正确的语言更改(但无论如何，您应该这样做是为了帮助屏幕阅读器、搜索引擎等)。