Calculate Specificity
Specificity Legend
A
Inline
B
IDs
C
Classes
D
Elements
How Specificity Works:
  • Inline styles (A): 1000
  • IDs (B): 100
  • Classes, attributes, pseudo-classes (C): 10
  • Elements and pseudo-elements (D): 1
  • Universal selector (*): 0
  • Combinators (+, >, ~, space): no value
Results
Selector Specificity Visualization
Enter selectors and calculate
Compare Two Selectors