CSS Selectors

CSS specificity calculator

This CSS specificity calculator helps you determine the specificity score of any Cascading Style Sheets (CSS) selector. You can identify the number of ID, class, attribute, pseudo-class, type, and pseudo-element selectors in real time.

Published:
Updated:
Tags:
tools, css

ID selectors:

Class, attribute, and pseudo-class selectors:

Type and pseudo-element selectors:

Total specificity score:

The Specificity calculator works for selectors up to level 3. An update for selectors up to level 4 is currently being worked on.

Related Articles

All Topics

Random Quote

“There are only two hard things in Computer Science: cache invalidation and naming things.”

Philip Lewis Karlton American computer scientist and programmerWord of mouth, - IT quotes