Cabecera: header

<!doctype html>
<html>
<head>
<meta charset="utf­8">
<title>
Herencia</title>
</head>
<body>

<div id="caja">

<header class="cabecera">
<h1> Cabecera: header </h1>
</header>
</div>

<!--
#caja header h1 { } A = 0, B = 1, C = 0, D = 2 Puntuacion 0,1,0,2
#caja .cabecera h1 {color: #ff4d4d; background-color: white; } A = 0, B = 1, C = 1, D = 1 Puntuacion 0,1,1,1
.cabecera h1 { } A = 0, B = 0, C = 1, D = 1 Puntuacion 0,0,1,1
header h1 { } A = 0, B = 0, C = 0, D = 2 Puntuacion 0,0,0,2
h1 { } A = 0, B = 0, C = 0, D = 1 Puntuacion 0,0,0,1

gana el numero 2 #caja .cabecera h1 {color: #ff4d4d; background-color: white; } Puntuacion 0,1,1,1
por tanto el h1 tiene color rojo o #ff4d4d, y fondo blanco
-->

</body>
</html>