Читайте нас в телеграм:

Верстальщик от бога

Самый большой канал по верстке в телеграм

Программист от бога

Божественный юмор о программистах

Тестировщик от бога

Божественный канал о тестировании

АйТи собес

Логический задачи с айтишных собеседований

Продвинутая стилизация с помощью CSS псевдоэлементов (с примерами кода)

Псевдоэлементы CSS используются для стилизации отдельных частей элементов. Они могут очень сильно помогать в работе со стилями, если уметь ими пользоваться. Приводим перевод статьи о самых полезных псевдоэлементах.

::first-letter

Псевдоэлемент ::first-letter используется для стилизации первой буквы текста.

Пример

::before и ::after

Псевдоэлементы ::before и ::after нужны для добавления контента перед или после содержимым самого элемента соответственно.

Пример

::selection

Этот псевдоэлемент позволяет стилизовать выделенную пользователем часть текста или элемент.

Пример

::placeholder

Псевдоэлемент ::placeholder отвечает за нативный текст-заглушку, который можно задать элементу <input> или <textarea> с помощью атрибута placeholder.

::marker

CSS псевдоэлемент ::marker открывает нам стилизацию маркера элемента списка, который по умолчанию стилизован как круг или число. Он работает на элементах, у которых значение свойства displaylist-item, к примеру, <li> или <summary>.

Пример

Читайте также

Обсуждение

  1. Было бы неплохо добавить то, что псевдоэлемент ::marker доступен далеко не везде, и что его следует использовать пока только как прогрессивное улучшение.

ОСТАВЬТЕ ОТВЕТ

Пожалуйста, введите ваш комментарий!
пожалуйста, введите ваше имя здесь

читайте нас в телеграм

Верстальщик от бога

Самый большой канал по верстке в телеграм

Программист от бога

Божественный юмор о программистах

Тестировщик от бога

Божественный канал о тестировании

АйТи собес

Логические задачи на собеседованиях в IT

Фронтендер от бога

Божественный канал о тестировании

Mobile Dev Lib

Популярное

10 опенсорсных инструментов в помощь разработчику

Так как людей в ИТ все еще не хватает, и не только в США, нагрузка на одного разработчика остается большой. Невозможные дедлайны, задачи по продуктивности не учитывающие наличие лишь 24 часов в сутках, и при этом они хотят, чтобы ни одного бага. Что поможет разработчику в этой потогонке? Опыт говорит, что помогут хорошие инструменты.

Как войти в Java в 2021 году

Советы преподавателя как войти в Java в 2021 году. Что почитать по Java, как найти галеру, книжки по Java, competitive programming

Выбираем между React и Angular

Разбираемся, что лучше использовать в современной фронтенд-разработке.