KATSTAT.RU-ТОП РЕЙТИНГ САЙТОВ С ОТДАЧЕЙ
Уникальная онлайн игра! ЗАЙДИ И ОЦЕНИ!
www.Add.Az WEB MASTER PLATFORMA, FORUM
Пиратская ферма, заходи, новичок
NEAR wallet - mine HOT в Telegram
WorldByte - Наш хостинг - партнер

Топ дня: Сталин [БАН]

Тема закрыта by MARAZM

Если я вывожу этот код

  <ol>

    <li>Чебурашка</li>

    <li>Крокодил Гена</li>

    <li>Шапокляк</li>

   </ol>

 

то будет так:

1. Чебурашка
2. Крокодил Гена
3. Шапокляк

а как зделать что бы было типо так:

1. БЛА БЛА БЛА
1.1 Бла бла бла
1.2 Бла бла бла
1.3 Бла бла бла
2. БЛА БЛА БЛА
2.1 Бла бла бла
2.2 Бла бла бла
2.3 Бла бла бла
3. БЛА БЛА БЛА
3.1 Бла бла бла
3.2 Бла бла бла
3.3 Бла бла бла

https://ru.stackoverflow.com/questions/801350/%D0%9D%D1%83%D0%BC%D0%...1%81%D0%BE%D0%BA

ol {

   /* убираем стандартную нумерацию */

   list-style: none; 

   /* Идентифицируем счетчик и даем ему имя li. Значение счетчика не указано – по умолчанию оно равно 0 */ 

   counter-reset: li; 

 }

 

 li:before {

   /* Определяем элемент, который будет нумероваться — li. Псевдоэлемент before указывает, что содержимое, вставляемое при помощи свойства content, будет располагаться перед пунктами списка. Здесь же устанавливается значение приращения счетчика (по умолчанию равно 1). */

   counter-increment: li; 

   /* С помощью свойства content выводится номер пункта списка. counters() означает, что генерируемый текст представляет собой значения всех счетчиков с таким именем. Точка в кавычках добавляет разделяющую точку между цифрами, а точка с пробелом добавляется перед содержимым каждого пункта списка */

   content: counters(li,".") ". "; 

 }

<ol>

   <li>пункт</li> <!-1.->

   <li>пункт           

     <ol>

       <li>пункт</li> <!-2.1.->

       <li>пункт</li> <!-2.2.->

       <li>пункт

         <ol>

           <li>пункт</li> <!-2.3.1.->

           <li>пункт</li> <!-2.3.2.->

           <li>пункт</li> <!-2.3.3.-> 

         </ol>

       </li> <!-2.3.->

       <li>пункт</li> <!-2.4.->  

     </ol>

   </li> <!-2.->

   <li>пункт</li> <!-3.->        

   <li>пункт</li> <!-4.->        

 </ol>

________
посл. ред. 29.08.2022 в 11:31; всего 1 раз(а); by Shisui

Спасибо