Возможно ли создать многоуровневый упорядоченный список в HTML?

Я хочу это:

1. Main
  1.1 sub1
  1.2 sub2
2. Main2
  2.1 sub3

Можно ли это сделать в HTML? Спасибо.

Ответ 1

Да, по крайней мере, в современном браузере:

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

(li li, так он делает это только после первого уровня.)

Вам, вероятно, понадобится counter-reset.

Ответ 2

Это решение работает для меня:

/* hide original list counter */
ol li {display:block;} 
/* OR */
ol {list-style:none;}  

ol > li:first-child {counter-reset: item;} /* reset counter */
ol > li {counter-increment: item;} /* increment counter */
ol > li:before {content:counters(item, ".") ". "; font-weight:bold;} /* print counter */

Ответ 3

body
{
    counter-reset:section;
}

h1
{
    counter-reset:subsection;
}

h1:before
{
    counter-increment:section;
    content:"Section " counter(section) ". ";
}

h2:before 
{
    counter-increment:subsection;
    content:counter(section) "." counter(subsection) " ";
}
body
{
    counter-reset:section;
}

Это образец счетчика-приращения и counter- reset.