CSS Specificity Checker

Calculate the weight of your CSS selectors to understand which rules will take precedence.

ID Selectors

0

Weight: 1-0-0

Classes, Pseudos, Attrs

0

Weight: 0-1-0

Elements & Pseudos

0

Weight: 0-0-1

Total Specificity Score

0,0,0

How it works

Inline Styles

Always win (1-0-0-0). Not covered by selector specificity.

!important

Overrides everything, regardless of specificity.