Для чего использовал псевдоэлемент

Псевдоэлементы (::before, ::after) позволяют добавить декоративный контент без изменения HTML. Чаще всего их используют для:

1. Декоративных элементов (иконки, разделители, подчёркивания)
2. Очистки float (clearfix)
3. Кастомных маркеров списков
4. Добавления контента через CSS (атрибуты, счётчики)

Пример:

.button::after {
  content: "→";
  margin-left: 5px;
}

.clearfix::after {
  content: "";
  display: table;
  clear: both;
}