Html 如何正确地拥有子订单列表

我不确定我是否理解这件事的逻辑。基本上，我想在一个网络博客上做一个简单的列表，如下所示：

1.  item1
    a.  item2
2.  item3
    a.  item4
    b.  item5
3.  item6

以此类推，基本上是一个按数字顺序排列的主列表，每个主项下的子列表都是按字母顺序排列的

我通过使用以下HTML标记实现了这一效果：

<ol>
    <li>item1</li>
    <ol>
        <li>item2</li>
    </ol>   
    <li>item3</li>
    <ol>
        <li>item4</li>
        <li>item5</li>
    </ol>
    <li>item6</li>
</ol>

我遇到的问题是，根据w3c验证程序：

元素ol不允许在此上下文中作为元素ol的子元素

我认为这个问题应该有一个非常简单的解决方案，我找不到一个，我也不知道为什么

ol

不能成为

ol

的孩子，你这样做：

<ol>
    <li>item1
        <ol>
            <li>item2</li>
        </ol>
    </li> 
</ol>

1.  item1
    a.  item2
2.  item3
    a.  item4
    b.  item5
3.  item6

<ol>
    <li>item1
        <ol>
            <li>item2</li>
        </ol>
    </li>
    <li>item3
        <ol>
            <li>item4</li>
            <li>item5</li>
        </ol>
    </li>
    <li>item6</li>
</ol>

ol li{ list-style-type:decimal; } /* sub ordered lists level 1 */
ol li ol li { list-style-type: lower-alpha; } /* sub ordered lists level 2 */

项目1
项目2

---

您需要将子列表放在顶层的列表项中。

我认为您的ol需要在li中：

<ol>
    <li>item1</li>
    <li>
        <ol>
            <li>item2</li>
        </ol> 
    </li>
</ol>

项目1

项目2

有几种方法可以控制子顺序列表，可以使用CSS，也可以使用HTML。你几乎达到了你想要的效果，得到了这样的效果：

<ol>
    <li>item1
        <ol>
            <li>item2</li>
        </ol>
    </li> 
</ol>

1.  item1
    a.  item2
2.  item3
    a.  item4
    b.  item5
3.  item6

<ol>
    <li>item1
        <ol>
            <li>item2</li>
        </ol>
    </li>
    <li>item3
        <ol>
            <li>item4</li>
            <li>item5</li>
        </ol>
    </li>
    <li>item6</li>
</ol>

ol li{ list-style-type:decimal; } /* sub ordered lists level 1 */
ol li ol li { list-style-type: lower-alpha; } /* sub ordered lists level 2 */

您的HTML应该如下所示：

<ol>
    <li>item1
        <ol>
            <li>item2</li>
        </ol>
    </li> 
</ol>

1.  item1
    a.  item2
2.  item3
    a.  item4
    b.  item5
3.  item6

<ol>
    <li>item1
        <ol>
            <li>item2</li>
        </ol>
    </li>
    <li>item3
        <ol>
            <li>item4</li>
            <li>item5</li>
        </ol>
    </li>
    <li>item6</li>
</ol>

ol li{ list-style-type:decimal; } /* sub ordered lists level 1 */
ol li ol li { list-style-type: lower-alpha; } /* sub ordered lists level 2 */

---

你也可以

我先读了这篇文章，然后感到困惑，它需要在item1的

li

中才能实现所需的演示。