如何在无序列表项中编码嵌套的有序列表？

Question

我想在单个无序列表项中嵌套有序列表，以便有序列表拆分列表项的文本。例如：

•无序点，文本文本文本......
1。第一个有序列表项
2。第二个有序列表项
...来自同一无序点的连续文本。
•另一个无序点

我想知道对此进行编码的正确方法是什么？我试过了：

<ul>
  <li>An unordered point, text text text...
  <ol>
    <li>First ordered list item</li>
    <li>Second ordered list item</li>
  </ol>
  ...continued text from same unordered point.</li>
  <li>Another unordered point</li>
</ul>

但不确定这是否是标记它的正确方法。此外，当我在Chrome和FF中测试时，嵌套有序列表前后的行间距不会平衡;我得到了：

•无序点，文本文本文本......
1。第一个有序列表项
2。第二个有序列表项

......来自同一无序点的连续文本。
•另一个无序点

Answer 1

这是正确的方法，但是您需要使用css来移除嵌套列表上的边距，这将解决间距问题。