Cascade 2

Ancora una volta definiamo l'elemento <h2>, ma senza usare ora l'attributo style. Vogliamo sperimentare cosa accade se si inverte nel codice l'ordine tra l'elemento <link> e l'elemento <style>.

Questo il codice della pagina:

<style type="text/css">
body {color: black; font: 12px Verdana, Arial, sans-serif; }
h2 { background: black; color: silver; }
</style>
<link rel="stylesheet" type="text/css" href="cascade.css" />

E queste le regole

Anche qui prevale l'ultima regola inserita nel codice, questa volta quella del foglio esterno.

Prova del meccanismo a cascata

Il buon senso e una corretta strategia vogliono però che i fogli esterni siano sempre dichiarati prima di quelli incorporati.