Vamos a ver la prioridad de las diferentes declaraciones de estilo en CSS aplicadas a "Cabecera: header". Esto lo hacemos viendo qué puntuación tiene cada declaración, la mayor puntuación es la que prevalece.
h1 {color:red;}
Esta declaración tiene 1 marca = puntuación es 1
html h1 {color:black;}
Esta declaración tiene 2 marcas = puntuación es 2
.cabecera h1 {color:blue;}
Esta declaración tiene 1 clase y 1 marca = puntuación es 11
html .cabecera h1 {color:green;}
Esta declaración tiene 1 clase y 2 marcas = puntuación es 12
html #caja h1 {color:grey;}
Esta declaración tiene 1 id y 2 marcas = puntuación es 102
html body #caja .cabecera h1 {color:yellow;}
Esta declaración tiene 1 id, 1 clase y 3 marcas= puntuación es 113
body #caja .cabecera h1 {color:orange;}
Esta declaración tiene 1 id, 1 clase y 2 marcas= puntuación es 112
De todas las puntuaciones, la mayor es 113, por lo que el titular "Cabecera: header" es amarillo, como se puede ver a continuación.