CSS Specificity Calculator
Calculate and compare CSS selector specificity scores (a, b, c). Supports multiple selectors.
About CSS Specificity Calculator
Updated Mar 2026Calculate the specificity of any CSS selector as an (a, b, c) tuple where a = IDs, b = classes/attributes/pseudo-classes, c = elements/pseudo-elements. Enter multiple selectors to compare and rank them. Includes a visual bar representation and an explanation of how specificity works.
Frequently Asked Questions
Related Tools
CSS Unit Converter
Convert between CSS units: px, rem, em, vw, vh, pt, pc, cm, …
CSS Grid Generator
Visually design CSS Grid layouts with live preview. Generate…
CSS Gradient Generator
Visually build linear, radial, or conic CSS gradients and co…
CSS Box Shadow Generator
Interactively configure box shadow offsets, blur, spread, an…
CSS Border Radius Generator
Create simple or complex asymmetric border-radius shapes and…
CSS Flexbox Generator
Visually design CSS Flexbox layouts. Generate flex-direction…