salta la lista degli articoli e vai al contenuto
salta la lista categorie e vai al contenuto
Per prima cosa, imparate ad usare un id specifico per il tag Body. Questa tecnica viene chiamata “mettere la firma” ed evita che un foglio stile importato erroneamente possa compromettere il design della nostra pagina. Un altro beneficio è che partendo così abbiamo la possibilità di scrivere regole per i browser css compatibili con i selettori figli e regole specifiche che saranno ignorate da questi ma interpretate da Explorer. Forse quanto scritto non è moto chiaro, ma un semplice esempio fugherà ogni dubbio.
<body id=”mio_sito”>
<div id=”intestazione”>
...........
</div>
#body#mio_sito#intestazione {
color: #990000;
}
#intestazione {
color: #000000;
}
La prima dichiarazione è destinata ai browser compatibili che gestiscono i selettori figlio e che considereranno solo questa dichiarazione inquanto più specifica di quella che segue. Internet Explorer, contrariamente non è in grado di gestire i selettori figli e pertanto ignorerà la prima dichiarazione leggendo solo la seconda. Il risultato in questo caso è che mentre IE mostrerà un testo nero nell'intestazione, i browser che supportano css in modo completo, mostreranno il testo di colore bordeaux.