AZ Tools LogoAZTools
Home/Developer Tools/CSS Specificity Calculator
Developer Tools Free · No login

CSS Specificity Calculator

Calculate selector specificity and compare CSS selector weight.

Back to Developer Tools
CSS Specificity Calculator
Specificity
nav#main .item.active > a:hover
IDs
1
Classes
3
Elements
2
1-3-2
article.card[data-state='open'] h2::before
IDs
0
Classes
3
Elements
3
0-3-3

Related tools

JSON FormatterFormat, validate and beautify JSON with syntax highlighting.JSON Schema GeneratorGenerate clean JSON Schema from JSON samples with required fields and format detection.JSON Path FinderSearch JSON and copy exact object paths for matching keys and values.SVG Code GeneratorCreate and generate SVG graphics with visual editor and live code output.