Ejercicio p2p opcional - Prioridad CSS
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Ejercicio p2p opcional - Prioridad CSS</title>
<style type="text/css">
<h1 { color:yellow;}>
<div h1 {color:green;}>
<header h1 {color:red;}>
<body div header h1 {color:purple;}>
<#caja h1{background-color: blue; font-size: 1.5em; color:white;}>
</style>
</head>
<body>
<div id="caja">
<header class="cabecera">
</header>
</div>
</body>
</html>
- el Estilo "h1" tiene una puntuación 0001
- el Estilo "div h1" tiene una puntuación 0002
- el Estilo "header h1" tiene una puntuación 0002
- el Estilo "body div header h1" tiene una puntuación 0004
- el Estilo "#caja" tiene una puntuación 0101
Por lo tanto se aplica el sombreado azul con diferente tamaño de fuente y el color del texto en blanco