Особенности использования псевдоэлементов before и after
Уил Бойд рассказал про малоизвестные особенности использования псевдоэлементов ::before и ::after — "Diving into the ::before and ::after Pseudo-Elements".
Статья начинается с самых основ использования ::before и ::after. Затем в ней рассматриваются более изощрённые сценарии использования: создание декоративных линий и декоративной ленты, работа с кавычками (content: open-quote; и content: close-quote;), использование изображений в content, установка их альтернативного текста (content: url(logo.png) / 'logo of the site';) и т.п.
Хорошая статья. Рекомендую заглянуть, если хотите узнать больше про ::before и ::after.
https://codersblock.com/blog/diving-into-the-before-and-after-pseudo-elements/