多级有序列表

时间:2015-05-21 04:23:09

标签: html list html-lists

<ol>
    <li>a</li>
    <li>b:
        <ol>
            <li>aa</li>
            <li>bb</li>
        </ol>
    </li>
    <li>c</li>
</ol>

我想将第二级的计数器设为1)2),是否有任何内置方法可以执行此操作?我认为这应该是“有序列表的列表式”,但我找不到类似的属性。我知道我可以使用counter相关属性,但要使用它,我必须将<li>更改为其他容器,否则,每个列表项将显示两个计数器。

4 个答案:

答案 0 :(得分:0)

尝试在ul标签下创建第一个列表,并在列表的其余部分中添加。

 <ul>
    <li>a</li>
    <li>b:
        <ol>
            <li>aa</li>
            <li>bb</li>
        </ol>
        <li>c</li>
    </ul>

答案 1 :(得分:0)

如果您希望列表是多级的,只需添加缺少的结束li标记。

<ol>
    <li>a</li>
    <li>b:
        <ol>
            <li>aa</li>
            <li>bb</li>
        </ol>
    </li> <!-- this was missing -->
    <li>c</li>
</ol>

这是jsfiddle

答案 2 :(得分:0)

在您的代码中,在<li>开始<li>之前,您没有关闭c代码, Demo

<ol>
    <li>a</li>
    <li>b:
        <ol>
            <li>aa</li>
            <li>bb</li>
        </ol>
    </li>
    <li>c</li>
</ol>

答案 3 :(得分:0)

缺少<li>结束标记。 Fiddle