HTML嵌套有序列表[重复]

Question

可能重复：
Proper way to make HTML nested list?

我想在 HTML 中生成以下内容：

1. One
2. Two
  1. Inner One
  2. Inner Two
3. Three

一种方法是

<ol>
  <li>One</li>
  <li>Two</li>
  <ol>
    <li>Inner One</li>
    <li>inner Two</li>
  </ol>
  <li>Three</li>
</ol>

但根据Proper way to make HTML nested list?，这不是正确的方法。 “正确”的方式会产生这样的结果：

1. One
2. Two
3.
  1. Inner One
  2. Inner Two
4. Three

那么，有没有一种合适的方法来嵌套有序列表而不会出现嵌套列表的额外数字？

Answer 1

如上所述，您只需要一个有序列表

<ol>
  <li>one</li>
  <li>two</li>
  <ol>
      <li>inner 1</li> 
      <li>inner 2</li>
  </ol>
  <li>three</li>
</ol>

Answer 2

我想，你正在寻找这个：

<ol>
  <li>One</li>
  <li>Two
  <ol>
    <li>Inner One</li>
    <li>inner Two</li>
  </ol>
  </li>
  <li>Three</li>
</ol>

输出到：

1. One
2. Two
   1. Inner One
   2. Inner Two
3. Three

Answer 3

<ol> 
  <li>One</li> 
  <li>Two
    <ol> 
      <li>Inner One</li> 
      <li>inner Two</li> 
    </ol>
  </li>
  <li>Three</li> 
</ol> 

给予

1. 一个
2. 两个
   1. 内一
   2. 内二
3. 三个

<ul> 用于*u*无序列表。