Herencia CSS

Ejemplo prioridad, en la herencia CSS.

Cabecera: header

La Cabecera superior <h2>Cabecera: header</h2> se visualiza de color Lima, por ser la combinación ganadora.

<style>

 /* A = Estilos en línea − B = ID − C = Clases − D = Elemento */
 /* A − B − C − D */
 /* 0 − 1 − 1 − 1 */ #caja .cabecera h1 {color:lime} WINNER!!!
 /* 0 − 0 − 1 − 2 */ .cabecera header h1 {color:yellow}
 /* 0 − 1 − 0 − 1 */ #caja h1 {color:red}
 /* 0 − 0 − 1 − 1 */ .cabecera h1 {color:blue}
 /* 0 − 0 − 0 − 1 */ h1 {color:green}

</style>