CSS specificity calculator

Specificity is only one step of the cascade: origin and !important come first, then layers, then these (a, b, c) triples, and source order breaks every tie. This tool does not read your elements or compute which rule actually wins on a live page; it scores the selector text alone. Functional pseudo-classes are forgiving lists here, so an argument that does not parse is skipped rather than failing the selector, which matches how browsers treat :is(), :where(), :not() and :has().