如何在目录中正确编号

时间:2014-04-21 19:55:12

标签: syntax

有人可以告诉我为什么以下代码没有正确编号?我按照http://jsfiddle.net/N79nP/的说明操作,但编号不会超过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>

1 个答案:

答案 0 :(得分:2)

简而言之,你的名单很乱。您正在将OL嵌套在OL中。如果你想要一个包含子列表的列表,那么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>