如何为特定语言使用dir属性?

时间:2019-01-27 15:51:30

标签: html css wordpress woocommerce

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

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

但是,在英语说明的情况下,下面的代码弄乱了段落的方向。我可以在同一类中使用特定的CSS代码,但根据语言区分文本的方向吗?

谢谢!

1 个答案:

答案 0 :(得分:0)

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

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

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

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