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

URL: https://chugunov.pro/glossary/frontend/psevdoelement/
Оригинальное название: pseudo-element
Раздел: [Frontend](https://chugunov.pro/glossary/frontend/)
Обновлено: 28.07.2026.
Источник: глоссарий веб-разработки chugunov.pro.

## Коротко

Часть CSS-селектора, обращающаяся к условному фрагменту элемента или создающая дополнительную визуальную область.

## Что такое «Псевдоэлемент»

Часть CSS-селектора, обращающаяся к условному фрагменту элемента или создающая дополнительную визуальную область. Псевдоэлементы `::before` и `::after` добавляют генерируемое содержимое, а `::first-line` стилизует часть текста. Они записываются двойным двоеточием и не существуют в HTML как отдельные теги. Псевдоэлементы удобны для иконок, декора и оформления без лишней разметки.

## Связанные термины

- [Псевдокласс](https://chugunov.pro/glossary/frontend/psevdoklass/) — Часть CSS-селектора, выбирающая элемент по состоянию, положению или другой характеристике без добавления класса в HTML.
- [HTML-элемент](https://chugunov.pro/glossary/frontend/html-element/) — Структурная единица документа, заданная тегом, атрибутами, содержимым и соответствующим узлом DOM.
- [Дочерний элемент](https://chugunov.pro/glossary/frontend/dochernii-element/) — Элемент DOM, непосредственно вложенный внутрь другого, родительского элемента.
- [Строчный элемент](https://chugunov.pro/glossary/frontend/strochnyi-element/) — Элемент, участвующий в строковом потоке и занимающий только необходимое содержимому место.
- [Генерируемое содержимое](https://chugunov.pro/glossary/frontend/generiruemoe-soderzhimoe/) — Текст или графика, добавляемые CSS через псевдоэлементы и свойство content без изменения HTML-разметки.
- [Содержимое элемента](https://chugunov.pro/glossary/frontend/soderzhimoe-elementa/) — Текст, изображения и другие дочерние узлы, размещённые внутри элемента до учёта отступов и границ.
- [Подложка](https://chugunov.pro/glossary/frontend/podlozhka/) — Область позади полноэкранного или модального элемента, которую можно отдельно стилизовать и использовать для затемнения страницы.
- [Clearfix](https://chugunov.pro/glossary/frontend/clearfix/) — Технический приём, заставляющий контейнер корректно учитывать высоту вложенных плавающих элементов.