NOTA: Esta práctica es idéntica a la práctica opcional del módulo 01, tema 06.

Enunciado:

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.

El código es el siguiente:


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

El resultado es el siguiente:

Cabecera: header

Solución

ESTILO	B	C	D	APLICA
header {color: yellow;}	0	0	1	NO
#caja {color: red;}	1	0	0	NO
#caja .cabecera {color: blue;}	1	1	0	NO
#caja .cabecera h1 {color: green;}	1	1	1	SI
h1 {color: orange;}	0	0	1	NO

Como se puede observar, el estilo que prima sobre el resto, es el que da color VERDE al texto