Cabecera: header

Se han establecido diferentes colores para H1:

• caja header h1{color: blue;}
• #caja .cabecera h1 {color: red;}
• header h1 {color: green;}
• h1 {color: yellow;}
• h1 {color: grey;}

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