ESTRUCTURA HTML
DEFINICIÓN CSS
<!doctype html> <html> <head> <meta charset="utf8"> <title>Herencia</title> </head> <body> <div id="caja"> <header class="cabecera"> <h1>Cabecera: header</h1> </header> </div> </body> </html>
#caja { color: brown; text-align: center;} | puntuación 0,1,0,0 |
#caja h1{ color: brown; text-align: center;} | puntuación 0,1,0,1 |
h1{ text-align: center; } | puntuación 0,0,0,1 |
header h1{ color: brown; } | puntuación 0,0,0,2 |
.cabecera h1{ text-align: center; } | puntuación 0,0,1,1 |
NOTA: En negrita marcamos el estilo con mayor prioridad.