Cabecera: header

Estilos Empleados A la Etiqueta h1

#caja .cabecera h1 { color : yellow ; background-color : brown ; } Puntuación: 0,1,1,1
#caja header h1 { color : yellow ; background-color : grey ;}Puntuación: 0,1,0,2
header h1 { color : blue ; background-color : grey ;}Puntuación: 0,0,0,2
h1 { color : red !important ; background-color : black !important ; }Mayor puntuación debido a identificador !important
h1 { color : pink ; background-color : green ;}Puntuación: 0,0,0,1
h1 { color : green ; background-color : pink ;}Puntuación: 0,0,0,1, igual que la anterior pero si se quedara solo estas dos reglas, la prioritaria es esta última

Cómo Se Ve El Texto Por Prioridad de Estilos

El texto se verá con color Rojo y fondo negro, porque al llevar !important, es lo más prioritario El siguiente por importancia en prioridad sería #caja .cabecera h1, (color amarillo fondo marron) ya que implica un id, una clase y un elemento o marca, el siguiente sería #caja header h1 (color amarillo fondo gris) implica un id, y dos marcas, el siguiente sería header h1 (color azul fondo gris) porque implica dos marcas, si quedamos sólo las dos últimas , la más prioritaria es la última, las dos afectan sólo a la marca h1 pero es más importante la última (color verde fondo rosa)