Назад
Регистрация Войти
Войти через 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>

.