Cuanto más específico sea un selector, más importancia tiene su regla asociada

Se debe calcular el valor la tupla (A, B, C, D) que son:

A = estilo en línea

B = número de IDs

C = número de clases

D = número de marcas HTML

#caja .cabecera h1 { color: orange;} -> valor (A=0, B=1, C=1, D=1) -> (0, 1, 1, 1)

#caja header h1 {color: red;} -> valor (A=0, B=1, C=0, D=2) -> (0, 1, 0, 2)

header h1 {color: blue;} -> valor (A=0, B=0, C=0, D=2) -> (0, 0, 0, 2)

h1 {color: lime;} -> valor (A=0, B=0, C=0, D=1) -> (0, 0, 0, 1)

Se aplica el estilo que mayor valor tiene -> (0, 1, 1, 1)