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




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




Наш 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>

.