<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Herencia</title>
<style type="text/css">
#caja header h1 {color: green;} /*A=0 B=1 C=0 D=2 Puntuacion es de 0102*/
#caja .cabecera h1 {color: blue;} /*A=0 B=1 C=1 D=1 Puntuacion es de 0111 este estilo tiene la prioridad!*/
header h1 {color: red;} /*A=0 B=0 C=0 D=2 Puntuacion es de 0002*/
h1 {color: pink;} /*A=0 B=0 C=0 D=1 Puntuacion es de 0001*/
h1 {color: lime;} /*A=0 B=0 C=0 D=1 Puntuacion es de 0001*/
</head>
<body>
<div id="caja">
<header class="cabecera">
<h1>Cabecera: header</h1>
</header>
</div>
</body>
</html>