CSS怪异表现修复：strong标签ltr样式为何不生效？

问题核心：direction 属性在内联元素（比如<strong>）上单独使用时，无法直接覆盖父元素的文本方向规则，必须配合 unicode-bidi 属性才能生效——因为direction主要控制块级元素的文本流方向，内联元素的双向文本排版需要额外规则约束。

修复后的CSS代码 #

p {
     direction: rtl; 
}

strong {
    direction: ltr !important;
    unicode-bidi: bidi-override;
}

可选参数说明 #

• unicode-bidi: bidi-override：强制内联内容完全遵循自身设置的direction方向排版，彻底覆盖父元素的文本方向规则。
• 如果希望内联元素作为独立双向排版单元、不干扰外部文本流，可替换为 unicode-bidi: isolate，同样能让direction: ltr生效。

设置后，<strong>标签内的内容会按LTR方向排列，而<p>标签的整体文本流保持RTL方向，符合预期效果。

内容的提问来源于stack exchange，提问作者Sara Ree