многостепенен подреден списък

<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>. Fiddle

person Kurenai Kunai    schedule 21.05.2015