CSS Specificity Calculator

Score selectors in your browser

Type any CSS selector and see its specificity as (a, b, c): IDs, then classes / attributes / pseudo-classes, then elements / pseudo-elements. Get a plain-English breakdown of what each part contributed, or switch to compare mode to see which of two selectors wins a conflict. Nothing leaves this page.

Example presets
All parsing happens locally. Nothing is sent to any server.