Исключения, которые заставят вас почесать голову
Posted: Thu Dec 26, 2024 9:04 am
Это еще более общие селекторы, чем предыдущие, поскольку они не ищут общие характеристики, а просто пытаются идентифицировать конкретный тип элемента.
Для каждого правила есть исключения. Согласно предыдущей схеме, идентификатор переопределяет свойства, установленные классом, а последний переопределяет свойства, установленные селектором типа. Но это не всегда так.
Из этой группы есть некоторые исключения, которые могут напрасно тратить данные телеграммы албании ваше время:
универсальный селектор ( *), комбинаторы ( >, +, …) и псевдокласс отрицания ( :not()) не влияют на специфичность ,
встроенные стили (объявленные в элементе HTML с атрибутом style) всегда переопределяют свойства, объявленные во внешних таблицах стилей.
!importantперезаписывает свойства, объявленные в других правилах, игнорируя их специфику, как уже было описано, это действительно не рекомендуется (подумайте о феях).
Описав исключения, пришло время узнать, как вычислить специфичность .
Научитесь рассчитывать специфичность
Сначала я хотел представить группы селекторов, потому что, как и ожидалось, они определяют числовой ряд, который рассчитывает браузер , чтобы понять, какое значение применить к свойству, определенному в разных правилах CSS, выбирающих один и тот же элемент.
Я продолжаю говорить о числовых рядах , потому что специфичность не представляет собой одно число, даже если так кажется. Специфичность основана на группах, выделенных выше, для создания четырех чисел, обозначающих специфичность.
Для каждого правила есть исключения. Согласно предыдущей схеме, идентификатор переопределяет свойства, установленные классом, а последний переопределяет свойства, установленные селектором типа. Но это не всегда так.
Из этой группы есть некоторые исключения, которые могут напрасно тратить данные телеграммы албании ваше время:
универсальный селектор ( *), комбинаторы ( >, +, …) и псевдокласс отрицания ( :not()) не влияют на специфичность ,
встроенные стили (объявленные в элементе HTML с атрибутом style) всегда переопределяют свойства, объявленные во внешних таблицах стилей.
!importantперезаписывает свойства, объявленные в других правилах, игнорируя их специфику, как уже было описано, это действительно не рекомендуется (подумайте о феях).
Описав исключения, пришло время узнать, как вычислить специфичность .
Научитесь рассчитывать специфичность
Сначала я хотел представить группы селекторов, потому что, как и ожидалось, они определяют числовой ряд, который рассчитывает браузер , чтобы понять, какое значение применить к свойству, определенному в разных правилах CSS, выбирающих один и тот же элемент.
Я продолжаю говорить о числовых рядах , потому что специфичность не представляет собой одно число, даже если так кажется. Специфичность основана на группах, выделенных выше, для создания четырех чисел, обозначающих специфичность.