Расчёт значения специфичности

Вы вдоволь наигрались со специфичностью, а теперь пришло время изучить полные правила её вычисления.

Специфичность селектора разбивается на 4 группы —a,b,c,d:

• если стиль встроенный, т.е. определен какstyle="...", тоа=1, иначеa=0;
• значениеbравно количеству идентификаторов (тех, которые начинаются с#) в селекторе;
• значениеcравно количеству классов, псевдоклассов и селекторов атрибутов;
• значениеdравно количеству селекторов типов элементов и псевдо-элементов.

После этого полученное значение приводится к числу (обычно в десятичной системе счисления). Селектор, обладающий большим значением специфичности, обладает и большим приоритетом.

Посчитаем специфичность в нашем примере:

Отсюда сразу видно, что в нашем примере самым приоритетным является селектор#floor .cat-in-box