Псевдоэлементы :before и :after работают аналогичным образом. Добавьте любой из них к селектору «стиль-элемент», чтобы выбрать и специфицировать смысл и свойства
генерируемого содержимого. Вообще говоря, любое содержимое, сгенерированное в пределах этих псевдоэлементов, наследует атрибуты внешности элемента родителя, так что шрифты, размер и цвета, применяемые к элементу, применяются и к его сгенерированному содержимому. Например:

p.note { color : blue }
p.note:before { content : «Note: » }

Этот пример стиля вставляет слово «Note:» перед каждым элементом <p>. Вставляемый текст выводится синим цветом, как и весь абзац. Если заменить это стиль на такой:

p.note:before { content : «Note: «; color : red }

то вставляемый текст будет красным, а остальной абзац – синим.

Любое сгенерированное содержимое, будь то до или после элемента, включается в прямоугольник элемента и влияет на его форматирование, расположение, размер и компоновку.

Для меня самое вкусное блюдо – перец фаршированый. Рецепт от Ольги то, что надо !
Для любого интерьера хрустальные люстры bydzov будут просто отличным дополнением.