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="utf-8">
<title>Herencia</title>
#caja h1 {color: yellow;}
#caja header h1 {color: blue;}
#caja .cabecera h1 {color: orange;}
header h1 {color: green;}
h1 {color: red;}
h1 {color: navy;}
</head>
<body>
<div id="caja">
<header class="cabecera">
<h1>Cabecera: header</h1>
</header>
</div>
</body>
</html>
| css | estilo en línea | id | clase | elemento | puntuación | ganador |
| #caja h1 {color: yellow;} | 0 | 1 | 0 | 2 | 102 | |
| #caja .cabecera h1 {color: orange;} | 0 | 1 | 1 | 1 | 111 | X |
| header h1 {color: green;} | 0 | 0 | 0 | 2 | 2 | |
| h1 {color: red;} | 0 | 0 | 0 | 1 | 1 |