Cabecera: header

La tupla con el número más alto es la (0,1,1,1), de modo que se verá de color ázul, por que el orden de jerarquía aplica después del negro además:

La tupla es (estilos en línea, IDs, clases, elementos)

#caja header h1 { color: green;} (0,1,0,2)

#caja .cabecera h1 { color: black;} (0,1,1,1)

#caja .cabecera h1 { color: blue;} (0,1,1,1)

header h1 { color: lime;} (0,0,0,2)

h1 { color: orange;} (0,0,0,1)

h1 { color: red;} (0,0,0,1)