Cabecera: header

En el siguiente codigo HTML 5 se hicieron declaraciones de estilo CSS que afectan al elemento h1.

<!doctype html>
<html>
<head>
<meta charset="utf‐8">
<title>Herencia</title>
<style>
#caja header h1 { color: yellow; } --------> Puntuación: 0,1,0,2
#caja .cabecera h1 { color: red; } --------> Puntuación: 0,1,1,1
header h1 { color: green; } --------> Puntuación: 0,0,0,2
h1 { color: grey; } --------> Puntuación: 0,0,0,1
</style>
</head>
<body>
<div id="caja">
<header class="cabecera">
<h1 style="color: blue;"> Cabecera: header </h1> --------> Puntuación: 1,0,0,0
</header>
</div>
</body>
</html>

Claramente notamos que la puntuacion mas alta es la (1000) que representa el codigo lineal de css en h1, por lo tanto el color del h1 es Rojo