检查父项是ltr还是rtl

Question

是否可以检查父级的css是ltr还是rtl，然后对子元素应用不同的样式？

例如我有：

<div class="parent ltr"><div class="child"></div></div>

和

<div class="parent rtl"><div class="child"></div></div>

我想基于父div的ltr或rtl为子类设置不同的样式。

Answer 1

您可以根据您的孩子是在rtl还是ltr父母内部来指定不同的样式：

.ltr .child { ... details of child of ltr }
.rtl .child { ... details of child of rtl }

或者您可以在CSS中使用“直接后代”来进行更严格的控制：

.ltr > .child { ... details of child of ltr }
.rtl > .child { ... details of child of rtl }

Answer 2

.ltr .child { /* some styles here */}
.rtl .child { /* other styles here */}

Answer 3

根据您的代码确定：

div.parent.ltr div.child { /* one set of rules */ }
div.parent.rtl div.child { /* a different set of rules */ }