Псевдоэлементы before и after в CSS: добавляем контент до и после HTML элемента

Помощь проекту:
WMR: R288272666982
WMZ: Z293550531456
Яндекс.Деньги: 410011531129223

Тематическая группа (веб-дизайн): https://vk.com/zametkipohtml
Официальный паблик в ВК: https://vk.com/zametkinapolyah
Рубрика по теме в блоге: http://zametkinapolyah.ru/verstka-sajtov
Канал:    / zametkinapolyahru  

::before (или :before в версиях CSS2/2.1) - это псевдоэлемент, который позволяет добавлять контент на веб-страницу до содержимого выбранного элемента, особенность данного селектора заключается в том, что у него есть обязательное свойство content. В качестве значения для этого свойства может быть произвольная строка.
::after (или :after в версиях CSS2/2.1) - это псевдоэлемент, который позволяет добавлять контент на веб-страницу после содержимого выбранного элемента, особенность данного селектора заключается в том, что у него есть обязательное свойство content. В качестве значения для этого свойства может быть произвольная строка.
p::after {content:’’Какой-то текст, например”;}
Начиная с версии CSS3, псевдоэлементы обозначаются ::, а псевдоклассы :. Но в данном случае новые браузеры понимают оба варианта.

Композиция "Ishikari Lore" принадлежит исполнителю Kevin MacLeod. Лицензия: Creative Commons Attribution (https://creativecommons.org/licenses/....
Оригинальная версия: http://incompetech.com/music/royalty-....
Исполнитель: http://incompetech.com/