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

Псевдоэлемент – разновидность спец. Селектора привязывающая стиль к фрагментам элемента страницы. Их не используют сами по себе только в совокупности с другим стилем

если ему не предшествует встроенный элемент не являющийся текстом

Пример:

Псевдоклассы

Самая мощная разновидность селекторов они позволяют привязать стиль к элементам не только на основе местоположения но и на основе состояния: