CSS Specificity Calculator
Calculate A/B/C/D specificity for any CSS selector. Compare two selectors.
nav ul li a.active
0
Inline0
ID1
Class4
Element0,0,1,4
specificity
Quick examples
| Selector type | Score | Example |
|---|---|---|
| Universal * | 0,0,0,0 | * |
| Element | 0,0,0,1 | div |
| Class | 0,0,1,0 | .active |
| Attribute | 0,0,1,0 | [type="text"] |
| Pseudo-class | 0,0,1,0 | :hover |
| ID | 0,1,0,0 | #header |
| Inline style | 1,0,0,0 | style="…" |