<style>
ol {
/* убираем стандартную нумерацию */
list-style: none;
/* Идентифицируем счетчик и даем ему имя li. Значение счетчика не указано - по умолчанию оно равно 0 */
counter-reset: li;
}
li:before {
/* Определяем элемент, который будет нумероваться — li. Псевдоэлемент before указывает,
что содержимое, вставляемое при помощи свойства content, будет располагаться перед
пунктами списка. Здесь же устанавливается значение приращения счетчика (по умолчанию равно 1). */

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

content: counters(li,".") ". ";
}
</style>

<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>