如何在列表元素中应用方向CSS属性

Question

我有一些遗留的 html 标记，我需要启用阿拉伯语支持。

因此，我有一个新闻标题列表，并将它们呈现在

元素中。

这是 sode：

..
<li>
<a>some Arabic text</a>
<em>news datetime</em>
</li>
..

所以，我需要为锚点应用正确的文本对齐和方向 rtl，但不适用于日期时间。 我对

元素应用了文本对齐，一切都很好。 但我需要应用“direction: rtl”样式来锚定，这就是我的问题。

我尝试创建具有 rtl 方向属性的

元素并将锚点放入其中。这在 Chrome 中工作正常，但我需要支持 IE6+

另外，我尝试将方向属性应用于

并在 中覆盖此属性，但这行不通。

有什么建议吗？

提前致谢， 维塔利。

Answer 1

li {direction:rtl}
em {direction:ltr; float:left}

Answer 2

如果 em 超出了 li

<ul dir="rtl">
     <li>العربية</li>
     <em>11/24/2011</em>
     <li>العربية</li>
     <em>11/24/2011</em>
     <li>العربية</li>
     <em>11/24/2011</em>
     <li>العربية</li>
     <em>11/24/2011</em>
</ul>

如果你需要在 div 内使用 em

<style>
ul { direction:rtl; } ul li em{direction:ltr;} /* em{direction:ltr; float:left;} */
</style>

---

<ul>
         <li>العربية
         <em>11/24/2011</em>
         </li>
         <li>العربية
         <em>11/24/2011</em>
         </li>
         <li>العربية
         <em>11/24/2011</em>
         </li>
</ul>

如果你的阿拉伯脚本包含英文单词

<style>
    ul { direction:rtl; } ul li{ direction:rtl; } ul li em{direction:ltr;} /* em{direction:ltr; float:left;} */
</style>