Буллиты для списков

Nikita
WebbDEV
Published in
1 min readJun 27, 2019

--

Чтобы создать кастомные буллиты для неупорядоченных списков, используйте псевдоэлемент :before и его свойство content.

Чтобы изменять вид буллита в примере, применяются классы .complete и .incomplete. 🗹 ☐

Бонус

Тот же трюк со свойством content можно использовать для хлебных крошек. Нет смысла добавлять разделители элементов крошек в HTML сайта, ведь они выполняют только стилистическую функцию. Так что добавим их с помощью CSS, не забывая также убрать разделитель после последнего элемента.

--

--