En la página se han usado los siguientes estilos:
/*estilo1*/
h1 {
font-size:8em;
color: blue;
}
/*estilo2*/
h1 {
font-size:8em;
color: red;
}
/*estilo3*/
header h1{
color: darkblue;
font-size: 4em;
}
/*estilo4*/
#caja header h1 {
font-size: 3em;
color:gray;
}
/*estilo5*/
#caja .cabecera h1{
font-size: 6em;
color: black;
}
... a parte, en el objeto h1 he incluido un estilo directo
<h1 style="color: darkblue;font-size: 5em;">Cabecera: header<h1>
Como se puede observar, el estilo1 tiene una puntuación de 0,0,0,1 al igual que el estilo 2, si no hubieran más estilos, priorizaría
el segundo debido a que sigue en secuencia al primero.
El estilo 3 tiene una puntuación de 0,0,0,2.
El estilo 4 tiene una puntuación de 0,1,0,2.
El estilo 5 tiene una puntuación de 0,1,1,1.
El estilo 6 tiene una puntuación de 1,0,0,0 con lo que será el estilo que se priorice en todo el esquema.