Каскадирование и специфичность CSS

[gwer]

Из вашего представления можно сделать вывод, что 11 классов в селекторе специфичнее одного идентификатора.

Ну и да, с этим уже раз и навсегда разбирались огромное количество раз, даже на хабре.

[artemmalko]

Надо просто пробел между разрядами написать и все становится на свои места. Хотя это уже не разряды будут даже, но понятнее точно станет.

[vintage]

Что мешает добавить 5 и 6 разряды для !important и анимаций?

[gwer]

Для !important добавляется 5, 6, 7 и 8 «разряды».

[vintage]

Зачем? У нас же тут не единичная система счисления, а бесконечнная ;-)

[gwer]

Ну как же? По одному для каждого !important-тега/класса/идентификатора/инлайна. В первом комментарии ссылочка, там всё расписано детально (=

[vintage]

!important независимый модификатор. С чего бы ему порождать более одного разряда?

[gwer]

А отличать !important'ы в разных селекторах как? Специфичность селекторов при двух !important'ах никуда не денется.

[vintage]

А как вы отличаете числа 123 и 176? У них ведь одна и та же цифра в старшем разряде.

[Bellicus]

Так уж 9 "разряд" для анимаций не забудьте

[ilinsky]

Руки отбивать тем кто использует !important

[artemmalko]

Иногда он необходим. Все хорошо, когда в нужном месте и в меру!

[gatilin222]

А еще можно писать дублирование одного и того же класса .some_class.some_class {}. Но лучше не стоит)

[artemmalko]

Вот еще интересная статья на эту тему. https://css-tricks.com/a-specificity-battle/