Los cuatros puntos para definir prioridad del estilo de un elemento son:

• A = ESTILOS DE LINEA
• B = NÚMERO DE IDs
• C = NÚMERO DE CLASES
• D = NÚMERO DE MARCAS HTML

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: pink; } Puntuación = 0,1,1,1
   A=0
   B=1
   C=1
   D=1
   
   
3. header h1 { color: white; } Puntuación = 0,0,0,2
   A=0
   B=0
   C=1
   D=0
   
   
4. h1 { color:black; } Puntuación = 0,0,0,1
   A=0
   B=0
   C=0
   D=1
   
   

El estilo con mas puntaje es el Nº 2

Cabecera: header