Módulo 1 - Tema 6: Ejercicio P2P opcional

Explicación de la tarea

Realizar en el siguiente HTML 5 declaraciones de estilo CSS que afecten al mismo elemento, el titular h1, con diferentes puntuaciones de prioridad, e indicar su puntuación como un comentario en el propio HTML:

<!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>

Solución CSS

/*  Estilos de línea,       ID(#),      Clases(.),      Elementos   | Representación */
/* --------------------------------------------------------------------------------- */
#caja h1 {color: yellow;}
/*  0,                      1,          0,              1           |                */
/* --------------------------------------------------------------------------------- */
#caja header h1 {color: blue;}
/*  0,                      1,          0,              2           |                */
/* --------------------------------------------------------------------------------- */
#caja .cabecera h1 {color: orange;}
/*  0,                      1,          1,              1           |       X        */
/* --------------------------------------------------------------------------------- */
header h1 {color: purple;}
/*  0,                      0,          0,              2           |                */
/* --------------------------------------------------------------------------------- */
h1 {color: red;}
/*  0,                      0,          0,              1           |                */