HTML嵌套有序列表

Question

可能重复：
如何正确制作HTML嵌套列表？

我想在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

那么，有没有一种适当的方式可以嵌套有序列表，而不会为嵌套的列表出现额外的数字？

- jhchen

---

你认为为什么要加上 3.？这是嵌套，不是另一个 li。 - Jared Farrish

例如：http://jsfiddle.net/userdude/xuh6z/1 注意，你需要使用 ol 而不是 ul。 - Jared Farrish

你实际上尝试阅读了Proper way to make HTML nested list?的答案吗？ - Eric

正确的HTML嵌套列表制作方式中的两个示例都可以得到所需的输出，但需要进行一些更正：将<ul>改为<ol>。 - Nikola K.

Answer 1

<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>用于无序列表。

- Eric

---

抱歉，我的意思是要使用有序列表。感谢您指出并回复！ - jhchen

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

- Gloomcore

Answer 3

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

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

- KitWat

---

不，这正是你不应该做的。 - Eric