html疑难杂症(1)

看一下代码输出结果为什么: 

<h1>World wrestling championships</h1>

<ul>
   <li><bdi class="name">Evil Steven</bdi>: 1st place</li>
   <li><bdi class="name">François fatale</bdi>: 2nd place</li>
   <li><span class="name">سما</span>: 3rd place</li>
   <li><bdi class="name">الرجل القوي إيان</bdi>: 4th place</li>
   <li><span class="name" dir="auto">سما</span>: 5th place</li>
</ul>

第三行:我们会发现第三行是反序,原因大致为浏览器编译是根据语言的顺序来编译的,سما为阿拉伯语,而阿拉伯语的顺序为从右向左,故为出现3 :سما,而r为英文,会将文本方向变为从左向右.