Search 300+ developer tools...
K
Tools
Blog
Browse Tools
Premium
Tools
CSS & Tailwind
CSS Specificity Calculator
CSS Specificity Calculator
Calculate selector specificity
About this Tool
Enter CSS Selector
Calculate
Examples
*
Universal selector
div
Element selector
.class
Class selector
#id
ID selector
div.class
Element + class
div#id
Element + ID
#id.class
ID + class
div p
Descendant selector
div > p
Child selector
div + p
Adjacent sibling
[type="text"]
Attribute selector
:hover
Pseudo-class
::before
Pseudo-element
div.class#id[type="text"]:hover::before
Complex selector
Was this tool helpful?
Yes, very helpful!
Could be better
Share Your Experience
Help others discover this tool!
Share on
Share
Frequently Asked Questions - CSS Specificity Calculator
What is CSS Specificity Calculator?
Is CSS Specificity Calculator free to use?
Does CSS Specificity Calculator work offline?
Is my data safe when using CSS Specificity Calculator?
Do I need to create an account to use CSS Specificity Calculator?