Ejercicio P2P opcional

Realizar en el siguiente HTML 5 declaraciones de estilo CSS que afecten al mismo elemento, el titilar h1, con diferentes puntuaciones de prioridad, e indicar su puntuación como un comentario en el propio HTML:

Resultado

Cabecera: header

Código

    
        <html>
        <head>
            <meta charset="utf-8">
            <title>Herencia</title>
            <style>
                h1{color: blue;}  				
                header h1{color: green;} 		
                .cabecera{color: red;} 			
                #caja header h1{color: white;}                
            </style>
        </head>
        <body>
            <div id="caja">
                 <header class="cabecera">
                    <h1>Cabecera: header</h1>
                </header>
            </div>
        </body>
        </html>

Declaración css	Prioridad
h1{color: blue;}	0,0,0,1
header h1{color: green;}	0,0,0,2
.cabecera{color: red;}	0,0,1,0
#caja header h1{color: white;}	0,1,0,2