Developer Toolkit

Specificity Calculator

Paste a CSS selector and instantly see its calculated specificity score.

CSS selector

Paste one or more selectors (comma separated)

Specificity is read as (IDs, classes/attributes/pseudo-classes, elements/pseudo-elements). Higher wins.

Specificity

#app .card > ul li a:hover

1,2,3weight 123