<!doctype html>
<html>
<head lang="es">
<meta charset="utf-8">
<title>Herencia</title>
<link rel="stylesheet" href="estilo.css">
</head>
<body>
<div id="caja">
<header class="cabecera">
<h1>Cabecera: header</h1>
</header>
</div>
</body>
</html>
h1 {
color: blue; /* puntuacion 0,0,0,1 */
font-family: "Arial";
}
.cabecera h1 {
color: red; /* puntuacion 0,0,1,1 */
font-family: "Herlvetica";
}
#caja h1 {
color: green; /* puntuacion 0,1,0,1 */
font-family: "Times New Roman";
}
header h1 {
color: orange; /* puntuacion 0,0,0,2 */
font-family: "Comic Sans MS";
}
#caja .cabecera h1 { /* puntuacion 0,1,1,1 tiene mayor prioridad */
color: brown;
font-family: "Tahoma";
}