Назад
Регистрация Войти
Войти через VK Войти через Яндекс




Поиск по сайту




Наш Telegram бот: @htmlweb_bot
Свойство counter-reset

Многоуровневый нумерованный список

  1. Раздел
    1. Пункт
      1. Подпункт
      2. Подпункт
    2. Пункт
      1. Подпункт
      2. Подпункт
  2. Раздел
    1. Пункт
      1. Подпункт
      2. Подпункт
    2. Пункт
      1. Подпункт
      2. Подпункт
Исходный код этого примера:
<style>
    ol {
        list-style: none;
        counter-reset: li;
        font-weight: 700;
    }
    ol li ol {
        font-weight: 400;
    }
    ol li:before {
        counter-increment: li;
        content: counters(li,".") ". ";
    }
</style>
<ol>
    <li>Раздел
        <ol>
            <li>Пункт
                <ol>
                    <li>Подпункт</li>
                    <li>Подпункт</li>
                </ol>
            </li>
            <li>Пункт
                <ol>
                    <li>Подпункт</li>
                    <li>Подпункт</li>
                </ol>
            </li>
        </ol>
    </li>
    <li>Раздел
        <ol>
            <li>Пункт
                <ol>
                    <li>Подпункт</li>
                    <li>Подпункт</li>
                </ol>
            </li>
            <li>Пункт
                <ol>
                    <li>Подпункт</li>
                    <li>Подпункт</li>
                </ol>
            </li>
        </ol>
    </li>
</ol>

.