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