Cabecera: header

Considerando los siguientes estilos

#caja header h1 { color: #FA5858; } 
#caja .cabecera h1 { color: #0431B4; } 
header h1 { color: #D7DF01; }
h1 { color: #8904B1; }

Para el código HTML

<div id="caja">
<header class="cabecera">
<h1>Cabecera: header</h1>
</header>
</div>

La prioridad de aplicación de los siguientes estilos sería:

A Estilos de línea
B Id
C Clases
D Marcas

#caja header h1 { color: #FA5858; } /* Puntuación= 0102 */
#caja .cabecera h1 { color: #0431B4; } /* Puntuación= 0112 */ 
header h1 { color: #D7DF01; } /* Puntuación= 0002 */
h1 { color: #8904B1; } /* Puntuación= 0102 */