← Back to Menu

Selector Specificity

Understand how CSS decides which rules apply when conflicts occur by calculating the specificity score: (Inline, IDs, Classes, Elements).

Build Your Selector

Toggle parts of the selector to see how the specificity score changes.

Calculated Specificity

0
,
0
,
0
,
0
Inline IDs Classes Elements

Winning CSS Rule

Select elements to build a rule...
Target Element