Подтвердить что ты не робот

Создание оглавления в html

Можно ли создать упорядоченный список, например, следующий? Мне нравится это для оглавления, которое я создаю.

  • В
  • Раздел1
    2.1 SubSection1
    2.2 SubSection2
  • Раздел 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>

Спасибо

4b9b3361

ОТВЕТЫ

Ответ 1

Это действительно можно сделать с помощью чистого CSS:

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

Такой же пример, как скрипка: http://jsfiddle.net/N79nP/