Resultado de la prioridad ganadora →Cabecera: header

Puntuaciones de Prioridad en css

De los 3 estilos que se encuentran en el ejemplo hay que calcular la puntuación que tienen para saber cual de ellos predomina en la página para ello se calcula de la siguiente manera:

  1. #caja header h1 { color: red; } Puntuación = 0,1,0,2
    A=0 Estilos de línea
    B=1 Id
    C=0 Clases
    D=2 Marcas

  2. #caja .cabecera h1 { color: fucsia; } Puntuación = 0,1,1,1
    A=0
    B=1
    C=1
    D=1

  3. header h1 { color: lime; } Puntuación = 0,0,0,2
    A=0
    B=0
    C=1
    D=0

La ganadora es la número dos, como se puede vizualizar en el encabezado