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




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




Наш чат в Telegram для обмена идеями, проектами, мыслями, людьми в сфере ИТ г.Ростова-на-Дону: @it_rostov
Свойство 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>

.