HTML - 有序列表编号不正确

Question

我正在尝试使用 HTML 来:

• 创建 2 个有序列表
• 在每个 O.L.嵌套一个无序列表并在里面添加一些元素

但是，我的编号没有按应有的方式工作，我得到了，1。 1. 而不是 1。 2.等等

我的代码:

<ol>
  <li>Fruits</li>
  <ul>
    <li>Apples</li>
    <li>Oranges</li>
    <li>Plum</li>
    <li>Watermelon</li>
  </ul>
</ol> 
<ol>
  <li>Vegetables</li>
  <ul>
    <li>Carrots</li>
    <li>Lettuce</li>
    <li>Cucumber</li>
    <li>Tomato</li>
  </ul>
</ol>

Answer 1

听起来您实际上想要 1 个有序列表，而不是 2 个。如果您希望第一个列表的编号为 1，第二个列表的编号为 2，那么这就是一个列表。如果您开始一个新列表，数字将重置。

<ol>
  <li>Fruits
    <ul>
      <li>Apples</li>
      <li>Oranges</li>
      <li>Plum</li>
      <li>Watermelon</li>
    </ul>
  </li>
  <li>Vegetables
    <ul>
      <li>Carrots</li>
      <li>Lettuce</li>
      <li>Cucumber</li>
      <li>Tomato</li>
    </ul>
  </li>
</ol>