Псевдоэлементы - это видимые элементы на веб-странице, которые не находятся «в DOM» или созданы из HTML, а вместо этого вставляются непосредственно из CSS. Это позволяет вам делать множество аккуратных дизайнерских вещей, не загромождая разметку. Псевдоэлементы - это CSS 2, поэтому их поддержка браузером очень хорошая!
Ссылки с видео:
- Николас Галлахер: интервью, разные фоны, значки
- Познакомьтесь с селекторами псевдоклассов
- Мэтт Хэмм: загиб страницы
- CSS треугольник