CÓDIGO DEL EJERCICIO

		<!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>
		</body>
		</html>

PUNTUACIONES DE PRIORIDAD

CSS A = ESTILOS DE LÍNEA B = IDs C = CLASES D = ELEMENTO PUNTUACIÓN
#caja .cabecera h1 { color: blue; } 0 1 1 1 111
.cabecera header h1 { color: red; } 0 0 1 2 12
#caja h1 { color: green; } 0 1 0 1 101
.cabecera h1 { color: pink; } 0 0 1 1 11
h1 { color: grey; } 0 0 0 1 1

RESULTADO

Cabecera: header