Cabecera: header

Se han establecido diferentes colores para H1:

Los valores de prioridad que toman cada uno de ellos son los establecidos en la siguiente caja:

Estilos en linea ID Clase Elemento Puntuacion
caja header h1{color: blue;} 0 1 0 2 0,1,0,2
#caja .cabecera h1 {color: red;} 0 1 1 1 0,1,1,1
header h1 {color: green;} 0 0 0 2 0,0,0,2
h1 {color: yellow;} 0 0 0 1 0,0,0,1
h1 {color: grey;} 0 0 0 1 0,0,0,1

por tanto, el que tiene mayor prioridad por tener más detalle es #caja .cabecera h1 {color: red;} . Por eso el titulo de esta página sale en ROJO