Псевдоэлементы CSS ::after и ::before. Объяснение на примерах

Работа с ::after, ::before и другими псевдоэлементами в CSS. На примерах показываю, как их внедрять в HTML и делать стилизацию. Эти приёмы помогут делать вёрстку сайта более гибкой и удобной. 👁‍🗨 Телеграм: 👁‍🗨 YouTube: @alex_dudukalo 👁‍🗨 Discord: 👁‍🗨 Дзен: 👁‍🗨 Rutube: Тайм-коды: 00:00 - Начало 01:56 - Псевдоэлементы 09:09 - Иконки 13:22 - Создание карточки 19:15 - Кликабельное изображение c ::after 23:40 - data-атрибут и attr() 30:10 - Стилизация первого символа 32:26 - Стилизация первой строки 33:12 - Стилизация выделения