Как использовать селектор в CSS или JavaScript?

В CSS селекторы указывают, к каким элементам HTML применять стили. В JavaScript они используются для выбора элементов DOM.

Основные типы CSS-селекторов:

• Селектор типа: Выбирает все элементы указанного типа.

  css

• Селектор класса: Выбирает элементы с указанным классом.

  css

• Селектор ID: Выбирает элемент с указанным ID (должен быть уникальным).

  css

• Универсальный селектор: Выбирает все элементы.

  css

• Комбинаторы: Объединяют селекторы.
  • Потомок ( ): div p - выбирает все <p> внутри <div>.
  • Прямой потомок (>): div > p - выбирает все <p>, являющиеся прямым потомком <div>.
  • Соседний брат (+): h2 + p - выбирает первый <p>, следующий непосредственно за <h2>.
  • Общий брат (~): h2 ~ p - выбирает все <p>, следующие за <h2>.

В JavaScript для выбора элементов DOM используются методы querySelector и `q