html - 如何正确地拥有子排序列表

Question

我不确定我是否理解其中的逻辑。基本上我想在网络博客上做一个简单的 list ，如下所示:

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

依此类推，基本上是一个按数字排序的主列表，每个主项下的子列表按 lower-alpha 排序。

我通过使用这个 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>

使用这个小的 CSS 规则:

ol ol { list-style-type: lower-alpha; } /* sub ordered lists */

根据 w3c 验证器，我遇到的这个问题是:

Element ol not allowed as child of element ol in this context.

我认为这个问题应该有一个非常简单的解决方案，我找不到一个，而且我不确定我是否理解为什么 ol 不能是 ol< 的子级.

Answer 1

你这样做:

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

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