在 html 中创建目录

Question

是否可以创建如下所示的有序列表？我喜欢这个用于我正在创建的目录。

1. 进入
2. 第一节

2.1 小节 1

2.2 小节 2

1. 第二节

…..

我有以下内容，但每个小节都从 1 重新开始。

 <ol>
    <li>
        <a href="#Lnk"></a>
    </li>
    <li>
        <a href="#Lnk"></a>
    </li>
    <ol>
        <li>
            <a href="#Lnk"></a>
        </li>
        <li>
            <a href="#Lnk"></a>
        </li>
    </ol>
</ol>

谢谢

原文由 Thomas Buckley 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

这确实可以用纯 CSS 来完成：

 ol {
    counter-reset: item;
}

li {
    display: block;
}

li:before {
    content: counters(item, ".")" ";
    counter-increment: item;
}

与 fiddle 相同的例子。

原文由 jasonkarns 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

有相当多的 jQuery 插件可以生成目录。

• 看看这个作为初学者

• 另一个在这里，有有序列表

原文由 robasta 发布，翻译遵循 CC BY-SA 3.0 许可协议