Css Specificity Calculator

Css Specificity Calculator utility for everyday tasks.

Ad PlacementSet NEXT_PUBLIC_ADSENSE_ID to activate

CSS Selector

Type any CSS selector to see how its specificity is calculated.

Inline Styles

IDs (#)

Classes (.)

Elements (div)

Total Specificity

0,0,0,0

When multiple rules target the same element, the rule with the highest specificity wins. Values are compared from left to right (IDs beat Classes, Classes beat Elements).

Breakdown

Enter a selector to see its breakdown.

Loading...

Preparing your workspace