Зачем нужен селектор

Селекторы в CSS позволяют точно указать, к каким элементам HTML применить стили. Они определяют правила сопоставления для выбора нужных элементов.

Основные типы:

• Простые (div, .class, #id)
• Комбинаторы (div p - потомки, div > p - дети)
• Псевдоклассы (:hover, :nth-child())
• Псевдоэлементы (::before, ::after)

Пример:

/* Стили для кнопок с классом .btn */
.btn {
  padding: 10px 20px;
  background: blue;
}

/* Стили при наведении */
.btn:hover {
  background: darkblue;
}

Селекторы помогают избежать дублирования кода, переопределять стили и создавать адаптивные интерфейсы.