Skip to content
TL ToolLab

Developer Tools

CSS Specificity Calculator

Calculate CSS selector specificity and understand which styles take precedence. Supports ID, class, attribute, pseudo-class, element, and pseudo-element selectors.

CSS Selectors

Quick examples

Specificity Result

Specificity rules

a — Inline styles (1000)
b — ID selectors (100)
c — Classes, attributes, pseudo-classes (10)
d — Elements, pseudo-elements (1)