html - 检查父级是 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

您可以根据您的 child 是在 rtl 还是 ltr parent 中指定不同的样式:

.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 }