Regla 1: #caja header h1 { color: blue; } 0 estilos en linea, 1 Id, 0 clases, 2 etiquetas. Valor = 102
Regla 2: #caja .cabecera h1 { color: purple; } 0 estilos en linea, 1 Id, 1 clase, 1 etiqueta. Valor = 111
Regla 3: header h1 {color: red;} 0 estilos en linea, 0 Id, 0 clases, 2 etiquetas. Valor = 2
Regla 4: header h1 {color: grey;} 0 estilos en linea, 0 Id, 0 clases, 2 etiquetas. Valor = 2
Por lo tanto se aplica la regla 2 al ser la de mayor valor