Какие знаешь виды селекторов

1. Простые селекторы:

   • По тегу: div { ... }
   • По классу: .class { ... }
   • По id: #id { ... }
   • Универсальный: * { ... }

2. Комбинаторы:

   • Дочерний: div > p { ... }
   • Соседний: div + p { ... }
   • Общий сосед: div ~ p { ... }
   • Вложенность: div p { ... }

3. Атрибутные селекторы:

   • [attr], [attr=value], [attr^=value] (начинается с), [attr$=value] (заканчивается на), [attr*=value] (содержит)

4. Псевдоклассы:

   • :hover, :focus, :nth-child(n), :not(selector)

5. Псевдоэлементы:

   • ::before, ::after, ::first-line

Пример:

/* Комбинация селекторов */
nav > ul li:first-child:hover {
  color: red;
}