Regole di cascata WCSS applicate allo stesso elemento

Questo vale tanto in una pagina web normale, quanto in un documento XHTML MP. E' la regola fondamentale dei CSS, da cui il nome Fogli di Stile a Cascata.

Vediamo alcuni esempi di codice CSS che illustrano le regole di cascata. Immaginiamo di avere due dichiarazioni CSS per uno stesso paragrafo, all'interno di un documento XHTML MP. La prima:

e la seconda:

Con la prima regola abbiamo dichiarato che il colore del testo deve essere di colore grigio scuro, mentre con la seconda vogliamo un testo di colore rosso. Scritte in questo modo, all'interno di un documento XHTML MP o linkando due fogli CSS esterni, avremo che la seconda regola prevarrà sulla prima. Possiamo vedere il risultato se richiamiamo in un dispositivo mobile l'URL: http://www.extrowebsite.com/lab/xhtml-mobile-profile/nona-pagina.xhtml.

Come preannunciato... prevale il colore rosso in quanto scritto per ultimo. e volessimo il contrario, basta scambiare le dichiarazioni o, ancora meglio, in fase di produzione di un sito web, sarebbe il caso di adottare una sola dichiarazione per ciascun elemento della pagina.

Poniamo il caso in cui abbiamo un foglio di stile esterno ad un documento XHTML MP ed una dichiarazione CSS all'interno della pagina. Avremo quindi:

all'interno del quale avremo la prima regola vista più su e poi abbiamo, prima della chiusura del tag head la seguente regola:

Il risultato sarà identico al precedente: prevale sempre l'ultima regola dichiarata.