All tools
CSS Specificity
Calculate the specificity of a CSS selector, broken down into IDs, classes and elements.
Specificity
1,2,3
1
IDs
2
Classes / attrs / pseudo-classes
3
Elements / pseudo-elements
Specificity is compared left to right: more IDs always beats more classes, which always beats more elements. :where() counts as zero. For selector lists, the most specific one is shown. Runs locally.