Мы используем файлы cookie
Мы используем файлы cookie для улучшения работы сайта и предоставления вам персонализированного опыта. Правила использования файлов cookie можно найти в нашей политике конфиденциальности
Приоритет селекторов в CSS определяет, какое правило будет применено к элементу, если на него воздействуют несколько правил с разными селекторами. Приоритет рассчитывается на основе специфичности селектора.
Специфичность складывается из четырех компонентов (условно — A, B, C, D):
<div style="color: red;">
). Имеет наивысший приоритет.#id
) в селекторе..class
), атрибутов ([attribute]
), и псевдоклассов (:hover
, :focus
и т.д.) в селекторе.div
, p
) и псевдоэлементов (::before
, ::after
и т.д.) в селекторе.Правило с более высокой специфичностью переопределяет правило с более низкой специфичностью. Более высокая специфичность определяется сравнением компонентов по порядку: A, затем B, C, D. Если специфичность одинакова, применяется правило, объявленное позже в коде.
Важные мом
Приоритет селекторов в CSS определяет, какое правило будет применено к элементу, если на него воздействуют несколько правил с разными селекторами. Приоритет рассчитывается на основе специфичности селектора.
Специфичность складывается из четырех компонентов (условно — A, B, C, D):
<div style="color: red;">
). Имеет наивысший приоритет.#id
) в селекторе..class
), атрибутов ([attribute]
), и псевдоклассов (:hover
, :focus
и т.д.) в селекторе.div
, p
) и псевдоэлементов (::before
, ::after
и т.д.) в селекторе.Правило с более высокой специфичностью переопределяет правило с более низкой специфичностью. Более высокая специфичность определяется сравнением компонентов по порядку: A, затем B, C, D. Если специфичность одинакова, применяется правило, объявленное позже в коде.
Важные мом
Зарегистрируйтесь или войдите, чтобы получить доступ к полным ответам на все вопросы из банка вопросов.