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:
- <!doctype html>
- <html>
- <head>
- <meta charset="utf8">
- <title>Herencia</title>
- <style>
- header h1{color: blue;}
- h1{color: red;}
- #caja header h1{color: black;}
- .cabecera{color: brown;}
- < /style >
- </head>
- <body>
- <div id="caja">
- <header class="cabecera">
- <h1>Cabecera: header</h1>
- </header>
- </div>
- </body>
- </html>
- header h1{color: blue;} Prioridad: 0,0,0,2
- h1{color: red;} Prioridad: 0,0,0,1
- #caja header h1{color: black;} Prioridad: 0,1,0,2
- .cabecera{color: brown;} Prioridad: 0,0,1,0