CSS Specificity Calculator

Compute specificity (a,b,c) for selectors. Higher tuples win the cascade.

Selectors (one per line)

Results (sorted by specificity)

Selector	a (IDs)	b (classes)	c (types)	Total
#main .article a:hover	1	2	1	1,2,1
[type="text"]:focus	0	2	0	0,2,0
.btn:not(.disabled)	0	2	0	0,2,0
nav ul li:nth-child(2) a	0	1	4	0,1,4
:is(h1, h2, h3) + p	0	0	2	0,0,2
*	0	0	0	0,0,0

a = ID selectors · b = classes / attributes / pseudo-classes · c = type selectors / pseudo-elements. :where() contributes 0; :is() uses the highest variant; :not() uses its argument's specificity.