Se han establecido diferentes colores para H1:
Los valores de prioridad que toman cada uno de ellos son los establecidos en la siguiente caja:
Estilos en linea | ID | Clase | Elemento | Puntuacion | |
---|---|---|---|---|---|
caja header h1{color: blue;} | 0 | 1 | 0 | 2 | 0,1,0,2 |
#caja .cabecera h1 {color: red;} | 0 | 1 | 1 | 1 | 0,1,1,1 |
header h1 {color: green;} | 0 | 0 | 0 | 2 | 0,0,0,2 |
h1 {color: yellow;} | 0 | 0 | 0 | 1 | 0,0,0,1 |
h1 {color: grey;} | 0 | 0 | 0 | 1 | 0,0,0,1 |
por tanto, el que tiene mayor prioridad por tener más detalle es #caja .cabecera h1 {color: red;} . Por eso el titulo de esta página sale en ROJO