Cabecera: header (#caja>h1 no definido, se aplica h1)

Cabecera: header (#caja>header>h1)

Cabecera: header (#caja>.cabecera>h1)

Cabecera: header (#div>header>h1)

Cabecera: header (header>h1)

Esta seria la declaración de estilos

<style type="text/css">
h1 { color:red; } /* PRIORIDAD: 0,0,0,1 */
div header h1 { color:green; } /* PRIORIDAD: 0,0,0,3 */
#caja header h1 { color:blue; } /* PRIORIDAD: 0,1,0,2 */
#caja .cabecera h1 { color:red; } /* PRIORIDAD: 0,1,1,1 */
header h1 { color:orange;} /* PRIORIDAD: 0,0,0,2 */
</style>