Prove di regole css differenziate per browser: es . i titoli di questa pagina dovrebbero comparire in: Rosso se si usa Firefox, in: Nero con Edge, Blu con Chrome.
Entriamo nel vivo dell'argomento Fogli di Stile. Nel codice del foglio di stile si riportano per le regole che valgono in generale per ogni i browser Ma se ci accorgiamo che qualche browser non interpreterebbe come si deve qualche regola, dobbiamo inserire una regola apposita per il browser in questione. Facciamo un esempio banale, ma utile per vedere come si scrivono le regole per un certo browser. Prendiamo come esmpio il tag h3 : prima gli diamo una regola generale: h3 {text-align: center; color: green;} . Ammesso che ci accorgiamo che i browser Firefox, Chrome e Edge non visualizzano bene il contenuto di questo tag, andiamo ad aggiungere al foglio di stile la regoletta specifica per ognuno di essi: per Firefox: < per Chrome: per Edge:
Le proprietà usate nell'esempio sono: /* .... */ è semplicemente un commento inserito nei fogli di stile. @... la riga preceduta da questo simbolo indice il browser cui si riferiscono tutte le eventuali regole comprese tra le parentesi { ... }; in questo caso abbiamo solo dato un colore diverso al tag h3: h3 {color: red;}
Applicate questi concetti ad un esercizio e ... non esitate a chiedere chiarimenti! Buon lavoro!