Junior
18
0
questionbank

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

Answer from sobes.tech neural network
  • Универсальный селектор (*) - выбирает все элементы.
  • Селектор типа (элемент) - выбирает элементы заданного типа.
  • Селектор класса (.класс) - выбирает элементы с заданным классом.
  • Селектор идентификатора (#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) - выбирают части элемента.
  • Комбинаторы:
    • Селектор потомка (селектор селектор) - выбирает элементы-потомки первого селектора.
    • Селектор непосредственного потомка (селектор > селектор) - выбирает непосредственных потомков первого селектора.
  • Универсальный селектор (*) - выбирает все элементы.
  • Селектор типа (элемент) - выбирает элементы заданного типа.
  • Селектор класса (.класс) - выбирает элементы с заданным классом.
  • Селектор идентификатора (#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) - выбирают части элемента.
  • Комбинаторы:
    • Селектор потомка (селектор селектор) - выбирает элементы-потомки первого селектора.
    • Селектор непосредственного потомка (селектор > селектор) - выбирает непосредственных потомков первого селектора.

Register or sign in to get access to full answers for all questions from the question bank.

cssselectorsspecificitycombinatorspseudo-classes