Стилизация маркеров списка в CSS

Стилизация маркеров списка в CSS

От автора: нет ничего необычного в том, что мы хотим стилизовать маркеры элементов списка. Например, синие точки и черный текст в ненумерованном списке. Или красные кружки с белым текстом в нумерованном списке.

Есть рабочий проект спецификации, в котором описывается псевдоэлемент ::marker, с помощью которого можно стилизовать маркеры списка.

Благодаря CSS счетчикам у нас появилась такая возможность. Суть в том, что сперва удаляется list-style, а затем маркеры применяются через счетчики псевдоэлементов.

Практический курс по верстке адаптивного сайта с нуля!

Изучите курс и узнайте, как верстать современные сайты на HTML5 и CSS3

Узнать подробнее

Автор: Chris Coyier

Источник: https://css-tricks.com/

Редакция: Команда webformyself.

PSD to HTML

Практика верстки сайта на CSS Grid с нуля

Смотреть

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий