Псевдоэлементы

Псевдоэлемент ::after

Псевдоэлемент CSS3, который используется для вывода желаемого контента после элемента, к которому он добавляется.

Псевдоэлемент ::selection

Применяет стиль к выделенному пользователем фрагменту текста.

Псевдоэлемент ::-moz-selection

Применяется к выделенному пользователем фрагменту документа. Поддерживается только браузером Firefox.

Псевдоэлемент :first-line

Задает стиль первой строки форматированного текста.

Псевдоэлемент :first-letter

Определяет стиль первого символа в тексте элемента, к которому добавляется.

Псевдоэлемент :before

Применяется для отображения желаемого контента до элемента, к которому он добавляется.

Псевдоэлемент :after

Используется для вывода желаемого контента после элемента, к которому он добавляется.

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.