📏 CSS Specificity Calculator
Understand which CSS selectors win in the cascade
Enter Selector
0
Inline
0
IDs
0
Classes
0
Elements
*
div
.class
#id
div.class#id
ul > li.active
input[type]
a:hover
#nav .menu…
body #content…
Compare Selectors
#header .nav a .nav-link.active header nav a:hover #main-nav > ul > li.selected > a
⚡ Compare