Syntax 如何在目录中正确编号

有人能告诉我为什么下面的代码没有正确编号吗？我遵循的指示，但编号不会继续超过1。我是一个非常新的编码，所以任何帮助将不胜感激

    <ol class="inhoudsopgave">
    <li class="inhoudsopgave"><a href="#"></a></li>
    <ol class="inhoudsopgave">
        <li class="inhoudsopgave"><a href="#</a></li>
        <ol class="inhoudsopgave">
            <li class="inhoudsopgave"><a href="#</a>
            <li class="inhoudsopgave"><a href="#"></a></li>
            <li class="inhoudsopgave"><a href="#"></a></li>
        </ol>
    </ol>   
    <ol class="inhoudsopgave">
        <li class="inhoudsopgave"><a href="#"></a></li>
        <ol class="inhoudsopgave">
            <li class="inhoudsopgave"><a href="#"></a></li>
            <li class="inhoudsopgave"><a href="#"></a></li>
            <li class="inhoudsopgave"><a href="#"></a></li>
            <li class="inhoudsopgave"><a href="#"></a></li>
        </ol>
    </ol>   
    <ol class="inhoudsopgave">      
        <li class="inhoudsopgave"><a href="#"></a></li>
        <ol class="inhoudsopgave">
            <li class="inhoudsopgave"><a href="#"></a></li>
            <li class="inhoudsopgave"><a href="#"></a></li>
            <li class="inhoudsopgave"><a href="#"></a></li>
        </ol>
    </ol>   
    <ol class="inhoudsopgave">  
        <li class="inhoudsopgave"><a href="#"></a></li>
        <ol class="inhoudsopgave">
            <li class="inhoudsopgave"><a href="#"></a></li>
            <li class="inhoudsopgave"><a href="#"></a></li>
            <li class="inhoudsopgave"><a href="#"></a></li>
            <li class="inhoudsopgave"><a href="#"></a></li>
            <li class="inhoudsopgave"><a href="#"></a></li>
        </ol>
    </ol>
</ol>

简言之，你的名单乱七八糟。您正在将OLs嵌套在OLs中。如果您想要一个包含子列表的列表，heiarchy应该如下所示

<ol class="inhoudsopgave">
    <li class="inhoudsopgave"><a href="#"></a>
    <ol class="inhoudsopgave">
        <li class="inhoudsopgave"><a href="#"></a></li>
        <li class="inhoudsopgave"><a href="#"></a></li>
        <li class="inhoudsopgave"><a href="#"></a></li>
        <li class="inhoudsopgave"><a href="#"></a></li>
    </ol>
</li>
<li class="inhoudsopgave"><a href="#"></a>
    <ol class="inhoudsopgave">
        <li class="inhoudsopgave"><a href="#"></a></li>
        <li class="inhoudsopgave"><a href="#"></a></li>
        <li class="inhoudsopgave"><a href="#"></a></li>
        <li class="inhoudsopgave"><a href="#"></a></li>
    </ol>
</li>
</ol>

在打开第一个

li

标记之前，先关闭第一个

li

标记（假定是嵌套的？

ol

）。这实际上是无效的html。你到底想完成什么？你能举个小例子吗？我试图得到以下层次结构：一个有3个深度级别的列表，即1->1.1->1.1.1和2->2.1->2.1.1。同样，当列表有1个更高的深度级别，即1->1.1->1.1和2->2.1->2.1.1时，层次结构看起来如何？除了放入另一个有序的列表之外，它没有任何作用（OL）。一个好的做法是切换到第三级的字母。你可以通过在类中定义它来在CSS中指定它。CSS会是什么样子的？你甚至不需要将它放在CSS中。这只是一个更好的做法。你可以简单地将它添加到你的OL标记中，就像这样：这将使你的列表以字母“A”开头。