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

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