Comentario:
A = estilo en línea
B = número de IDs (en nuestro caso = caja)
C = número de clases (en nuestro caso = cabecera)
D = número de marcas HTML (en nuestro caso = header y h1)
Estilo 1 = azul: caja header h1: (A, B, C, D)= 0,1,0,2=3
Estilo 2 = rojo: caja .cabecera h1: (A, B, C, D)= 0,1,1,1=3 tiene mas prioridad que el estilo 1 porque el numero de clases es superior
Estilo 3 = lima: header h1:(A, B, C, D)= 0,0,0,2=2
Estilo 4 = verde: caja h1: (A, B, C, D)= 0,1,0,1=2 tiene mas prioridad que el estilo 3 porque el numero de id es superior
Estilo 5 = magenta: h1: (A, B, C, D)= 0,0,0,1=1
Estilo 6 = gris: h1: (A, B, C, D)= 0,0,0,1=1 tiene la misma prioridad que el 5 pero se aplica el 6 por ser el ultimo declarado
Estilo 7 en linea (A, B, C, D)= 1,1,1,1=4
Las puntuaciones en orden de prioridad: Estilo 7=4; Estilo 2=3; Estilo 1=3; Estilo 4=2; Estilo 3=2; Estilo 6=1 o Estilo 5=1 - Para estilos con la misma prioridad (como el 5 y el 6), es importante el orden de declaracion de estilos, ya que se aplica el ultimo declarado, el 6 en nuestro caso.