Можешь перечислить основные типы CSS-селекторов и объяснить их назначение?

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

• Селектор по тегу (например, div, p) — выбирает все элементы данного типа.
• Классовый селектор (например, .button) — выбирает все элементы с указанным классом.
• Идентификаторный селектор (например, #header) — выбирает элемент с конкретным уникальным id.
• Комбинированные селекторы:
  • Селектор потомка (например, div p) — выбирает все <p>, которые находятся внутри <div>.
  • Селектор дочернего элемента (например, ul > li) — выбирает только непосредственных детей.
• Атрибутный селектор (например, [type="text"]) — выбирает элементы с определённым атрибутом.
• Псевдоклассы (например, a:hover, li:first-child) — выбирают элементы в определённом состоянии.

Эти селекторы позволяют гибко и точно применять стили к нужным элементам на странице.