Resultado de visualización según puntuación de prioridad en el estilo


Código de estilo y línea(s) de código

Resultado
<style  type="text/css">  h1 { color: grey; } </style>

<h1>Cabecera: header</h1>

Cabecera: header
<style  type="text/css">#caja .cabecera h1 { color: red;}</style>

<div  id="caja">
              <header  class="cabecera">
                <h1>Cabecera: header</h1>
              </header>
            </div>

Cabecera: header
<style  type="text/css">header  h1 {color: blue;}</style>

<header  class="cabecera">
              <h1>Cabecera: header</h1>
            </header>

Cabecera: header
<style  type="text/css">#caja header h1 {color: green;}</style>

<div  id="caja">
              <header  class="header">
                <h1>Cabecera: header</h1>
              </header>
            </div>

Cabecera: header
<style  type="text/css">#caja  h1 { color: purple; } <style>

<div  id="caja">
              <h1>Cabecera: header</h1>
            </div>

Cabecera: header