CSS Specificity Calculator
Enter one selector per line. They'll be ranked by specificity.
CSS Selectors
.container > ul li.active a:hover #header nav.main-nav body div#content p.intro::first-line [data-theme='dark'] .btn.primary
One selector per line. Supports IDs, classes, attributes, pseudo-classes, pseudo-elements, and elements.
Specificity Columns
Inline styles (style="")
ID selectors (#id)
Classes, attributes, pseudo-classes
Elements, pseudo-elements