Calculate the specificity of any CSS selector. See the (a,b,c,d) breakdown for IDs, classes, attributes, and elements instantly. Designed specifically for developers and professionals, this free online calculator runs entirely in your browser to process tasks quickly and securely. Enjoy unlimited usage with no data tracking, no registration required, and an entirely ad-free experience.
1
IDs
#id
2
Classes / Attrs / Pseudo-classes
.class, [attr], :hover
0
Elements / Pseudo-elements
div, ::before
120
Total Score
(0,1,2,0)
!important declaration overrides all specificity.Instantly calculate the specificity of any CSS selector and see a visual breakdown of how each part contributes to the final score.
All processing happens locally in your browser. Your data never leaves your computer, ensuring complete privacy and security.
DevToolLab is 100% free & ad-free. If this calculator saved you some time today, please consider supporting our work.
Calculate percentages easily: find X% of Y, what percent X is of Y, percentage change, and increase/decrease by percentage.
Calculate your exact age in years, months, days, hours, and minutes. Find your zodiac sign, day of birth, and countdown to next birthday.
Calculate the duration between two dates or add/subtract time periods from a date. Count workdays, weekends, and total days.