CSS Specificity Calculator

Calculate and compare CSS selector specificity.

Add

IDs (A) Classes (B) Elements (C)

body #page .content p::first-line

1,1,3

×

#header .nav a

1,1,1

×

#sidebar .widget h3

1,1,1

×

div.container > ul li a.active

0,2,4

×

.main-content p

0,1,1

×