Текст заголовка с классом red

Текст заголовка с классом yellow

Блок с идентификатором "Примечание"

С помощью псевдоэлементов :before и :after разработчики задают стиль и местоположение генерируемого содержимого. Как следует из названия, псевдоэлементы :before и :after определяют его местоположение перед и после содержимого элемента, принадлежащего дереву документа соответственно. В сочетании с этими псевдоэлементами свойство 'content' определяет содержимое вставляемого объекта.

Например, следующее правило вставляет строку "Примечание: " перед содержимым каждого элемента P, значение атрибута "class" которого равно "note":

Гиперссылка с классом р1
Гиперссылка с классом р2
Гиперссылка без класса
Гиперссылка с классом р2