CSS Selector Specificity Calculator
Enter a CSS selector to see its specificity score, visual breakdown, and explanation.
Common Selectors Reference
| Selector | Specificity | Description |
|---|---|---|
| * | (0,0,0) | Universal selector |
| div | (0,0,1) | Type / element selector |
| div p | (0,0,2) | Descendant combinator |
| .class | (0,1,0) | Class selector |
| [type="text"] | (0,1,0) | Attribute selector |
| :hover | (0,1,0) | Pseudo-class |
| ::before | (0,0,1) | Pseudo-element |
| #id | (1,0,0) | ID selector |
| #id .class div | (1,1,1) | Combined |
| :not(.foo) | (0,1,0) | :not() uses argument's specificity |
| :is(.a, #b) | (1,0,0) | :is() uses highest argument |
| :where(.a) | (0,0,0) | :where() always zero specificity |