Corsi on-line

CSS Browser selector

Vi segnalo un’interessantissimo script che, sono certo, renderà molto più semplice il vostro lavoro di scrittura di fogli di stile CSS per i diversi browser. Grazie a CSS Browser selector, infatti, è possibile scrivere istruzioni CSS specifiche per ciascun browser (IExplorer, Firefox, Opera, Chrome, ecc.) o sistema (Windows, Mac, Linux, iPhone, ecc.).

Lo script (leggerissimo) crea dinamicamente, all’interno della pagina web in cui viene incluso, delle classi identificative del browser e del OS utilizzati dall’utente. In sostanza, CSS Browser selector consente di scrivere fogli di stile in "modo condizionale" garantendo un controllo completo (e soprattutto molto semplice) sulla stilizzazione della pagina nei diversi ambienti.

Lo script può essere scaricato a questo link.
Una volta incluso lo script nella nostra pagina web, potremo scrivere codice CSS utilizzando selettori come questi:

/* stilizzo la classe .link per IE */
.ie .link {
  color: #0000FF;
  text-decoration: none;
}
/* stilizzo la classe .link solo per IE 8 */
.ie8 .link {
  color: #0000FF;
  text-decoration: underline;
}
/* stilizzo la classe .link per Opera */
.opera .link {
  color: #000000;
  font-weight: bold;
  text-decoration: underline;
}
/* stilizzo la classe .link per iPhone */
.iphone .link {
  color: #000000;
  background: #FFFF00;
  text-decoration: underline;
}
/*
stilizzo la classe .link per Firefox 3.0 su OS Mac
in questo caso scrivo l'identificativo dell'OS seguito da quello del browser (senza spazio)
*/
.mac.ff3 .link {
  color: #000000;
  background: #FFFF00;
  text-decoration: underline;
}

Per l’elenco completo dei selettori disponibili nonchè per una documentazione esaustiva si faccia riferimento alla pagina ufficiale del progetto.

Post correlati
I più letti del mese
Tematiche