<!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>