IconVault logoIconVault
Sign in

CSS Specificity - Free Online CSS Tool | IconVault

Calculate CSS specificity scores: type any selector to see its (a, b, c) breakdown and compare selectors. Free, runs in your browser.

All tools

CSS Specificity

Calculate selector specificity scores

5 of 5 free uses left

5 of 5 free analyses left - everything runs in your browser.

#main .card(1, 1, 0)
a (IDs)
1
b (classes)
1
c (types)
0
ul li a:hover(0, 1, 3)
a (IDs)
0
b (classes)
1
c (types)
3
input[type="text"](0, 1, 1)
a (IDs)
0
b (classes)
1
c (types)
1

About this tool

IconVault's CSS Specificity calculator scores any selector instantly: type it in and see the (a, b, c) breakdown of ID selectors, class/attribute/pseudo-class selectors and element/pseudo-element selectors. Compare two selectors side by side to see exactly why one wins.

Specificity decides which rule applies when selectors tie: IDs beat classes, classes beat elements, and !important beats everything. Understanding the score ends most CSS debugging mysteries. Free and runs fully in your browser.

Frequently asked questions

Popular searches

css specificitycss specificity calculatorspecificity calculator csscss specificity chartcss specificity explainedcss specificity rulescss specificity calculator onlinecss selector specificitycss specificity (a,b,c)css specificity pointscss specificity id class elementcss specificity examplecss specificity tutorialcss specificity !importantcss specificity warscss specificity calculator freecalculate css specificitycss specificity scorecss specificity hierarchycss specificity visualizercss specificity graphcss specificity cheat sheetcss specificity for beginnerscss specificity best practicesavoid !important csscss specificity conflictscss specificity inline stylescss specificity pseudo-classcss specificity attribute selectorcss specificity :not()css specificity :where()css :is() specificitycss specificity universal selectorcss specificity ordercss specificity tie breakercss specificity democss specificity toolcss specificity testercheck css specificitycss specificity examples listcss specificity 0 1 0css specificity explained simplycss specificity mdnlearn css specificitycss specificity quizcss specificity 1 0 0css specificity class vs idcss specificity weightcss why is my style not applyingcss specificity important vs id

More tools

Code Playground

Write HTML, CSS & JS with live preview.

JSON Formatter

Beautify, validate & minify JSON.

Base64 Encoder

Encode & decode text and files.

JWT Decoder

Inspect tokens without sending them anywhere.

Coming soon

CLI

Coming soon

Figma plugin

Coming soon

VS Code extension

Coming soon

Chrome extension

Coming soon

AI icon generator

Coming soon

Team workspaces

Coming soon

View all 10+ tools →