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

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

   • По тегу: div { ... }
   • По классу: .class { ... }
   • По id: #id { ... }

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

   • Дочерний: div > p (прямые потомки)
   • Соседний: h1 + p (первый сосед)
   • Общий сосед: h1 ~ p (все соседи)

3. Атрибутные:

   • [href], [target="_blank"], [class^="icon-"]

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

   • :hover, :nth-child(2n), :not(.class)

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

   • ::before, ::first-line

Пример комбинации:

nav > ul li:first-child a[href^="#"] {
  color: red;
}