К чему может получить доступ псевдоэлемент

Псевдоэлементы (::before, ::after) могут стилизовать только часть родительского элемента, к которому они привязаны. Они имеют доступ к:

1. Стилям родительского элемента (цвет, шрифт, размеры)
2. Содержимому через атрибут content
3. Позиционированию относительно родителя
4. Собственным стилям (фон, рамки, тени)

Но они не могут:

• Влиять на DOM (не являются настоящими элементами)
• Получать доступ к атрибутам родителя (кроме content)
• Быть целевыми для JavaScript

Пример:

.button::after {
  content: "→";
  margin-left: 5px;
  color: inherit; /* наследует цвет родителя */
}