CSS specificity calculatora · b · c
.nav li a:hover0, 2, 2
.navclass selector:hoverpseudo-classlitype selectoratype selectora = ID selectors
b = classes, attributes, pseudo-classes
c = elements, pseudo-elements
Specificity is compared left to right: a beats b beats c, so a single ID outweighs any number of classes. Inline styles and !important sit above all selector specificity. Everything runs in your browser.