Как во вложенном нумерованном списке сделать нумерацию через точку?
Можно конечно вручную прописать но мне кажется это не есть хорошо. Пробовал сделать через decimal-leading-zero; но там идет 01 02 03 а пытаюсь сделать как на фото.
Выучил на память html, css по книге Джона Деккета - также пару раз ее пересмотрел, но как это сделать так и не нашел в книге. Может и вправду вручную прописывать нужно такое?
Дополнительно:
Посмотрите тут ответ https://stackoverflow.com/questions/2058564/achiev...
https://jsfiddle.net/PTbGc/
ol { counter-reset: section; list-style-type: none; } li:before { counter-increment: section; content: counters(section, ".") " "; } |
ol { counter-reset: section; list-style-type: none; } li:before { counter-increment: section; content: counters(section, ".") " "; }
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Чтобы сделать нумерацию вложенного нумерованного списка через точку, вам нужно использовать стили CSS. Вот пример кода:
ol { counter-reset: item; list-style-type: none; } li { display: block; } li:before { content: counters(item, ".") ". "; counter-increment: item; } <ol> <li>Item 1 <ol> <li>Subitem 1</li> <li>Subitem 2</li> </ol> </li> <li>Item 2</li> <li>Item 3 <ol> <li>Subitem 1</li> </ol> </li> </ol>ol { counter-reset: item; list-style-type: none; } li { display: block; } li:before { content: counters(item, ".") ". "; counter-increment: item; } <ol> <li>Item 1 <ol> <li>Subitem 1</li> <li>Subitem 2</li> </ol> </li> <li>Item 2</li> <li>Item 3 <ol> <li>Subitem 1</li> </ol> </li> </ol>
Этот код создаст вложенный нумерованный список, где нумерация будет происходить через точку. В стиле CSS мы устанавливаем счетчик "item" с помощью `counter-reset`, затем используем `counters(item, ".")` для отображения нумерации в нужном формате. Таким образом, вы получите вложенный нумерованный список с нумерацией через точку.