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 | * |
-- --------------------------------------------------------------------------------- |
header h1 {color: purple;}
0, 0, 0, 2 | |
-- --------------------------------------------------------------------------------- |
h1 {color: red;}
0, 0, 0, 1 | |