CSS Specificity Visualizer
Compare selectors — highest specificity wins
WINS
body #main .sidebar a.active:first-child132
#header .nav a111
div.content p.intro022
.nav a:hover021
A (IDs)
#header, #nav — highest weight
B (Classes)
.nav, :hover, [type] — medium weight
C (Elements)
div, p, a — lowest weight