Возможно ли создать многоуровневый упорядоченный список в 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 */