CSS Specificity Calculator

Know exactly which selector wins, and why

CSS Specificity Calculator computes the real CSS Selectors specification algorithm as a 4-part tuple across inline styles, ID selectors, class/attribute/pseudo-class selectors, and element/pseudo-element selectors. It correctly parses compound selectors, combinators, and functional pseudo-classes like :not(), :is(), and :where(), and ranks multiple selectors to show which one actually wins.

• →Implements the real CSS Selectors spec algorithm, not a simplified approximation
• →Correctly parses compound selectors, combinators, attribute selectors, and pseudo-classes
• →Handles :not(), :is(), :where(), and :has() per spec, including :where()'s zero-specificity rule
• →Ranks 2+ selectors and explains in plain English which one wins and why
• →Watermarked by Cikal Studio Labs · Works on any device, no install required