CSS Specificity Calculator

Специфичность — это тройка (a,b,c), а не одно число. Один #id (1,0,0) всегда побеждает любое количество .class (0,n,0), потому что сравнение начинается с категории a.

:not() принимает специфичность самого специфичного аргумента. :where() всегда имеет специфичность 0 — удобно для сброса стилей без повышения веса.

Специфичность приоритетнее порядка. При равной специфичности побеждает правило, идущее позже в каскаде. Порядок учитывается только при одинаковом «весе» селекторов.