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

“Good design comes from a deep understanding of the technologies behind the scenes.”

Jeffrey Veen American designer and design strategistThe Art & Science of Web Design, - IT quotes