Топ дня: 184140516

Тема закрыта 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

Спасибо