многоуровневый упорядоченный список

<ol>
    <li>a</li>
    <li>b:
        <ol>
            <li>aa</li>
            <li>bb</li>
        </ol>
    </li>
    <li>c</li>
</ol>

Я хочу, чтобы счетчик второго уровня был как 1) и 2), есть ли встроенный способ сделать это? Я думаю, что это должен быть "стиль упорядоченного списка", но я не могу найти похожее свойство. Я знаю, что могу использовать свойства, связанные с counter, но для этого мне придется изменить <li> на другой контейнер, иначе каждый элемент списка будет отображать два счетчика.


list html html-lists
person shenkwen    schedule 21.05.2015    source источник

Ответы (4)


arrow_upward
0
arrow_downward

Попробуйте сделать первый список под тегом ul, а остальную часть списка в ol.

 <ul>
    <li>a</li>
    <li>b:
        <ol>
            <li>aa</li>
            <li>bb</li>
        </ol>
        <li>c</li>
    </ul>
person stanze    schedule 21.05.2015

arrow_upward
0
arrow_downward

Если вы хотите, чтобы ваш список был многоуровневым, просто добавьте отсутствующий закрывающий тег li.

<ol>
    <li>a</li>
    <li>b:
        <ol>
            <li>aa</li>
            <li>bb</li>
        </ol>
    </li> <!-- this was missing -->
    <li>c</li>
</ol>

Вот jsfiddle.

person Alex Pan    schedule 21.05.2015

arrow_upward
0
arrow_downward

В вашем коде вы не закрыли тег <li> перед запуском <li> для c, Демо

<ol>
    <li>a</li>
    <li>b:
        <ol>
            <li>aa</li>
            <li>bb</li>
        </ol>
    </li>
    <li>c</li>
</ol>
person G.L.P    schedule 21.05.2015

arrow_upward
0
arrow_downward

Отсутствует закрывающий тег <li>. Скрипка

person Kurenai Kunai    schedule 21.05.2015