Нумерованный список и дробные числа

Question

Нумерованный список и дробные числа

А. С. Пушкин Гуру (2808), закрыт 4 года назад

Добрый день. Ситуация такая, что нужен маркированный список в html. Список многоуровневый. И во вложенных нужна нумерация типа 2.1, 2.2 и так далее.
Пример такой:
Основные цвета
1.1 Белый
1.2 Черный
Типы цифр
2.1 Арабские
2.2 Римские

Ну и так далее. Это пример. Как видно, нумерация идет только у вложенных списков, у основного нумерация убрана (list-style: none; ). Ума не приложу, как реализовать нумерацию десятичной дробью. Может кто подскажет? У атрибута type значения представляющего десятичные дроби увы, не нашел.

Answer 1

Андрей Высший разум (428024) 4 года назад

Например, вот так: https://jsfiddle.net/nwv913qo/
Подробности: https://webref.ru/css/counter-increment

А. С. ПушкинГуру (2808) 4 года назад

Спасибо, то, что нужно. Интересный вариант, сейчас изучу.

Answer 2

Сигизмунд Сигизмундович Искусственный Интеллект (158235) 4 года назад

https://jsfiddle.net/crzo2L4k/
никто не запрещает сделать и так, все зависит от задач

Источник: раз уж борода меня опередил .)

А. С. ПушкинГуру (2808) 4 года назад

Тоже верно, уже задумывался об этом ...но у этого метода есть свои недостатки. В реализации оглавления книги этот метод не совсем подходит, имхо. Но и на этом спасибо)

Сигизмунд Сигизмундович Искусственный Интеллект (158235) ну 2 раза одно и тоже писать, эт не то, придумал другое

Answer 3

Отвечаю спустя 4 года, возможно, это поздно, но лучше так, чем никогда.
Нашел отличную документацию по всему, что существует в мире по спискам
https://drafts.csswg.org/css-lists-3/#counter-increment