Cabecera: header

Aqui explicamos las prioridades que nos encontramos

en el caso de h1 {color:gray}, h1 {color:purple} y h1 {color:black}, tiene cada uno de ellos

Observacion estilo de lineas Id clases elemento total
Puntuacion 0 0 0 1 1

por tanto cada uno de ellos tiene una puntuacion total de 1.

en el caso de header h1 {color:lime}

Observacion estilo de lineas Id clases elemento total
Puntuacion 0 0 0 2 2

por tanto la puntuacion total es 2.

en el caso de .cabecera h1 {color:red}

Observacion estilo de lineas Id clases elemento total
Puntuacion 0 0 1 1 11

por tanto la puntuacion total es 11.

en el caso de #caja header h1 {color:blue}

Observacion estilo de lineas Id clases elemento total
Puntuacion 0 1 0 1 101

por tanto la puntuacion total es 101.

Finalmente la ganadora es #caja header h1 {color:blue}