Junior
39
questionbank

Какие селекторы CSS вы знаете?

Получайте ответы на вопросы в реальном времени с Sobes Copilot
Ответ от нейросети sobes.tech
  • Универсальный селектор (*) - выбирает все элементы.
  • Селектор типа (элемент) - выбирает элементы заданного типа.
  • Селектор класса (.класс) - выбирает элементы с заданным классом.
  • Селектор идентификатора (#id) - выбирает элемент с заданным идентификатором.
  • Селектор атрибута ([атрибут], [атрибут="значение"], [атрибут~="значение"], [атрибут|="значение"], [атрибут^="значение"], [атрибут$="значение"], [атрибут*="значение"]) - выбирает элементы на основе наличия или значения атрибута.
  • Псевдоклассы (:hover, :active, :focus, :first-child, :last-child, :nth-child(n), :nth-last-child(n), :only-child, :empty, :not(селектор)) - выбирают элементы в определенном состоянии или положении.
  • Псевдоэлементы (::before, ::after, ::first-line, ::first-letter, ::selection) - выбирают части элемента.
  • Комбинаторы:
    • Селектор потомка (селектор селектор) - выбирает элементы-потомки первого селектора.
    • Селектор непосредственного потомка (селектор > селектор) - выбирает непосредственных потомков первого селектора.
    • Селектор соседнего брата (селектор + селектор) - выбирает элемент, который является непосредственным братом (следующим) первого селектора.
    • Селектор общего брата (селектор ~ селектор) - выбирает все элементы, которые являются братьями (следующими) первого селектора.

Примеры:

css