Tools

Specificity Calculator

CSS & Design

Score a selector and see which rule wins

Selectors (one per line)

Inline styles are not represented by a selector — note them separately; they outrank every selector here except !important.

#nav li.active a:not(.disabled)

WINS(1, 2, 2)

.card .title

(0, 2, 0)

h1::before

(0, 0, 2)

body

(0, 0, 1)

#nav li.active a:not(.disabled)  →  (1, 2, 2)
.card .title  →  (0, 2, 0)
body  →  (0, 0, 1)
h1::before  →  (0, 0, 2)