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

问题描述 投票:0回答:1

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

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

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

谢谢!

html css wordpress woocommerce
1个回答
0
投票

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

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

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

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

© www.soinside.com 2019 - 2024. All rights reserved.