π¨ CSS Specificity Calculator
Enter a CSS selector to calculate its specificity value and understand weight rules
π Enter Selector
π CSS Specificity Quick Reference
| Selector | Weight | Example |
|---|---|---|
| !important | Highest | color:red!important |
| Inline | (1,0,0,0) | style="color:red" |
| ID | (0,1,0,0) | #header |
| Class/Attr/:pseudo | (0,0,1,0) | .btn, [type], :hover |
| Element/::pseudo | (0,0,0,1) | div, ::before |
| Universal * | (0,0,0,0) | * |