Cabecera: header

El siguiente estilo es el de menor prioridad:

h1 {
color:blue;
font-size: 2em; }

/***********************************************************************************************************
Puntuación = 0, 0, 0, 1, donde: 0 estilos de línea, 0 ID, 0 clases y 1 marca respectivamente
************************************************************************************************************/

Luego se tiene el siguiente:

.cabecera h1 {
color:red;
font-size: 70%;
font-family: Verdana; }

/***********************************************************************************************************
Puntuación = 0, 0, 1, 1, donde: 0 estilos de línea, 0 ID, 1 clases y 1 marca respectivamente
************************************************************************************************************/

Luego tenemos:

.cabecera h1 p {
color:sans-serif;
font-family: orange;
font-size: 1.5em; }

/****************************************************************************************************
Puntuación = 0, 0, 1, 2, donde: 0 estilos de línea, 0 ID, 1 clases y 2 marca respectivamente
*****************************************************************************************************/

Por último se tiene el siguiente estilo:

#caja h1 {
display:block;
background-color: #00c;
color:red;
font-family: Verdana,helvetica,sans-serif;
font-size: 2em;
width:100%; }

Como es de notar, este es el de mayor prioridad, por lo que es el que se aplica al texto.

/****************************************************************************************************
Puntuación = 0, 1, 0, 1, donde: 0 estilos de línea, 1 ID, 0 clases y 1 marca respectivamente
*****************************************************************************************************/