在html中创建目录

Question

是否可以创建如下的有序列表？我喜欢这个我正在创建的目录.

1. 成
2. 第
   1 节2.1子节1
   2.2子节2
   
3. 第2节
   .....

我有以下内容,但每个子部分从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>

谢谢

Answer 1

这确实可以用纯CSS完成:

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

与小提琴相同的例子:http://jsfiddle.net/N79nP/

Answer 2

有很多jQuery插件可以生成目录.

• 首先看一下这个

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