Skip to main content
CSS Selectors:

CSS specificity calculator

Summary

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.

Specificity Results

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.

All Topics

Random Quote

“Less is more.”

Ludwig Mies van der Rohe German architect and designerWord of mouth, - IT quotes