Awesome Toolkit

CSS Specificity Calculator

Enter any CSS selector and instantly get its specificity score (a, b, c). Compare two selectors to see which wins.

vs

About CSS Specificity

Specificity is expressed as (a, b, c): a counts ID selectors, b counts class selectors, attribute selectors, and pseudo-classes, c counts element type selectors and pseudo-elements. The universal selector (*), combinators, and :where() contribute zero.