<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Herencia</title>
<style type="text/css">
#caja .cabeza { color: blue; } /** Puntúa: 0 1 1 0 **/
.cabecera h1 { color: red; } /** Puntúa: 0 0 1 1 **/
h1 { color: green; } /** Puntúa: 0 0 0 1 **/
.cabecera .cabeza { color: yellow; } /** Puntúa: 0 0 2 0 **/
</style>
</head>
<body>
<div id="caja">
<header class="cabecera">
<h1 style="color: navy" class="cabeza">Cabecera: header</h1>
<!-- Puntúa: 1 0 0 0 -->
</header>
</div>
</body>
</html>