Как установить псевдоэлемент для заголовка?

Чтобы установить псевдоэлемент для заголовка h3 с помощью CSS, используйте двойные двоеточия ( :: ) и выберите нужный псевдоэлемент, например ::before или ::after. Затем, применяя свойство content и другие CSS-свойства, вы можете стилизовать этот псевдоэлемент, чтобы добавить декоративный контент перед или после основного текста заголовка.

Пример кода

Допустим, вы хотите добавить перед каждым заголовком h3 значок "►".

Объяснение:

1. h3::before: Этот селектор выбирает псевдоэлемент ::before, который будет создан перед содержимым каждого элемента h3.
2. content: "►";: Свойство content является обязательным для псевдоэлементов ::before и ::after, чтобы отображать какой-либо контент, будь то текст или изображение.
3. position: relative;: Если вы планируете позиционировать псевдоэлемент абсолютно внутри h3, родительскому элементу h3 также нужно задать position: relative.
4. color, margin-right, font-size: Эти свойства позволяют управлять внешним видом псевдоэлемента, как если бы это был обычный HTML-элемент.