C
CSS Specificity Calculator
Calculate and compare CSS selector specificity with visual breakdown
CSS Specificity Calculator
Calculate and compare CSS selector specificity
(0,1,2,0)
Specificity = 120 points
0
Inline
style=""
1
IDs
#id
2
Classes
.class :pseudo [attr]
0
Elements
div ::pseudo
Quick Examples
Compare Selectors
How Specificity Works
Specificity is calculated as (a, b, c, d) where:
- a = Inline styles (style attribute)
- b = Number of ID selectors
- c = Number of class selectors, attribute selectors, and pseudo-classes
- d = Number of element selectors and pseudo-elements
Higher specificity wins. !important overrides all specificity rules.