Разбираем псевдо-элементы :before и :after

Каскадные таблицы стилей (CSS) в основном применяются для стилизации HTML-разметки, но в некоторых случаях, когда недостаточно использовать только дополнительную разметку или это невозможно сделать, на помощь приходят некоторые свойства CSS, которые позволяют нам добавлять дополнительную разметку без преломления всего документа. Такие свойства называются псевдо-элементы.
Источник:coolwebmasters.com