CSS Specificity Calculator

Paste a CSS selector and see IDs, classes, and elements broken down - the exact score that decides which conflicting rule actually wins.

CSS selector

IDs

Classes / attrs / pseudo-classes

Elements

specificity: (0,0,2,4)

Was this tool helpful?

See this same kind of analysis applied to your whole repository

Call graphs, dead code, blast radius, and a health score. Results in 60 seconds, free.

Related tools

Bundle Size Budget Calculator

Bundle size, connection speed, and target load time - is your JS bundle within budget.

Color Contrast Checker

Two colors to the exact WCAG contrast ratio, and whether it passes AA and AAA.

Core Web Vitals Checker

LCP, INP, and CLS against Google's published thresholds - Good, Needs Improvement, or Poor.

React useEffect Dependency Checker

Paste a useEffect/useMemo/useCallback call - identifiers used vs declared deps, mismatches flagged.

Browser Bookmarklet Generator

A small safe preset list, turned into a draggable javascript: bookmarklet.

Runs entirely in your browser. Nothing is stored. Free forever.