De forma ordenada he ido subiendo niveles y añadiendo etiquetas e id:
h1 {
color: blue;} (0,0,0,1)
header h1 {
color: green;}} (0,0,0,2)
#caja header h1 {
color: white;} (0,1,0,2)
div#caja header h1 {
color: red;} (0,1,0,3)
body div#caja header h1 {
color: yellow; (0,1,0,4)
Por eso, sólo se ven las palabras de arriba de color amarillo, porque es la declaración de mayor prioridad.