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