Приведи пример псевдоэлементов

Псевдоэлементы в CSS позволяют стилизовать определенные части элемента без добавления лишнего HTML. Основные: ::before, ::after, ::first-letter, ::first-line.

Пример с ::before и ::after:

.tooltip::before {
  content: "Подсказка: ";
  font-weight: bold;
}
.tooltip::after {
  content: " (наведите курсор)";
  color: gray;
}

Пример с ::first-letter:

p::first-letter {
  font-size: 2em;
  color: red;
}

Пример с ::first-line:

article::first-line {
  text-transform: uppercase;
}

Псевдоэлементы часто используют для декоративных элементов, иконок или сложных эффектов. content обязателен для ::before/::after.