Calculador de especificidad CSS

Calcula y compara puntuaciones de especificidad de selectores CSS

SPECIFICITY: (1, 3, 3)

CSS Selector String

Input CSS Selector:

Cascade Specificity Tuple (A, B, C)

(1, 3, 3)

Selector Components Breakdown

IDs (a = 1)

#main-header

Classes / Pseudo (b = 3)

.menu, .active, :hover

Elements (c = 3)

nav, li, a

When two rules apply to the same element, the browser assigns precedence by comparing values from left to right: IDs (A) first, then Classes & Pseudo-classes (B), then Elements (C).