Calculate CSS Specificity
Calculate CSS specificity
Specificity Reference
IDs - #header, #main (specificity: 1,0,0)
Classes, attributes, pseudo-classes - .nav, [type], :hover (specificity: 0,1,0)
Elements, pseudo-elements - div, p, ::before (specificity: 0,0,1)
About Specificity Calculator
Calculate CSS selector specificity to understand which styles will take precedence. Higher specificity wins. When specificity is equal, the last rule declared wins. Compare multiple selectors to see their relative strengths.