Во вложенном нумерованном списке вы можете сделать нумерацию через точку, задав специальный стиль для элементов списка. Для этого вам понадобится использовать CSS.
Пример кода:
<style> /* Стиль для элементов списка, которые будут иметь нумерацию через точку */ ol.custom-list { list-style-type: none; /* убираем стандартную нумерацию */ counter-reset: item; /* сбрасываем счетчик */ } /* Стиль для элементов списка */ li.custom-list-item { counter-increment: item; /* увеличиваем счетчик для каждого элемента */ } /* Стиль для числа перед элементом */ li.custom-list-item:before { content: counter(item) "."; /* добавляем точку после числа */ display: inline-block; width: 1.5em; /* задаем фиксированную ширину для числа */ text-align: right; /* выравнивание по правому краю */ margin-right: 0.5em; /* отступ между числом и содержимым элемента списка */ } </style> <ol class="custom-list"> <li class="custom-list-item">Элемент 1 <ol> <li class="custom-list-item">Элемент 1.1</li> <li class="custom-list-item">Элемент 1.2</li> </ol> </li> <li class="custom-list-item">Элемент 2</li> <li class="custom-list-item">Элемент 3</li> </ol>
В данном примере мы создаем стиль custom-list
, который убирает стандартную нумерацию списков (list-style-type: none;
) и сбрасывает счетчик (counter-reset: item;
). Затем создаем стиль custom-list-item
, который увеличивает счетчик для каждого элемента списка (counter-increment: item;
). И наконец, для числа перед элементами списка (li.custom-list-item:before
) задаем содержимое (content: counter(item) ".";
), выравнивание и прочие стили.
В итоге получаем вложенный нумерованный список, в котором нумерация осуществляется через точку. Элементы списка будут выглядеть примерно так:
1. Элемент 1
1.1. Элемент 1.1
1.2. Элемент 1.2
2. Элемент 2
3. Элемент 3
Обратите внимание, что данное решение использует CSS стили и потребует включения стилей в ваш файл HTML или подключения файла со стилями через элемент <link>
.