En esta página he declarado los siguientes estilos para h1

  1. caja header h1 { color: blue; }
  2. caja .cabecera h1 { color: red; }
  3. header h1 { color: lime; }
  4. h1 { color:purple; }

Ahora hay que calcular el peso de cada una de las opciones para poder averiguar cual será el estilo que se aplique.
Para realizar el cálculo nos fijamos en las siguientes normas y las veces que se cumple.

caja header h1 { color: blue; } caja .cabecera h1 { color: red; } header h1 { color: lime; } h1 { color:purple; }
A = ESTILOS DE LINEAc 0 0 0 0
B = NÚMERO DE IDs 1 1 0 0
C = NÚMERO DE CLASES 0 1 0 0
D = NÚMERO DE MARCAS HTML 2 1 2 1
Puntuación final: 0 1 0 2 0 1 1 1 0 0 0 2 0 0 0 1

Es estilo que se aplicará a la cabecera que viene a continuación es el que tiene el valor más alto,
que es el de la segunda columna con el valor "0111", así pues a continuación aparecerá la cabecera de color:

ROJO

Cabecera: header