CSS Specificity Calculator
Calculate the specificity score (IDs, classes, elements) for any CSS selector.
Compare with another selector (optional)
vs.
Specificity Rules
- aID selectors (#id)
- bClass selectors (.class), attribute selectors ([attr]), pseudo-classes (:hover)
- cElement selectors (div), pseudo-elements (::before)
- Total = a×100 + b×10 + c. Higher score wins.