ESTRUCTURA HTML
DEFINICIÓN CSS
<!doctype html>
<html>
<head>
<meta charset="utf8">
<title>Herencia</title>
</head>
<body>
<div id="caja">
<header class="cabecera">
<h1>Cabecera: header</h1>
</header>
</div>
</body>
</html>
| #caja { color: brown; text-align: center;} | puntuación 0,1,0,0 |
| #caja h1{ color: brown; text-align: center;} | puntuación 0,1,0,1 |
| h1{ text-align: center; } | puntuación 0,0,0,1 |
| header h1{ color: brown; } | puntuación 0,0,0,2 |
| .cabecera h1{ text-align: center; } | puntuación 0,0,1,1 |
NOTA: En negrita marcamos el estilo con mayor prioridad.