::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.#css
https://codersblock.com/blog/diving-into-the-before-and-after-pseudo-elements/