fogli di stile e selettori di attributo

Penso che sia capitato a chiunque abbia provato a fare un sito web che avesse un minimo di verve in più rispetto al solito, di doversi confrontare con il fatto che alcuni browser hanno un supporto dei fogli di stile più completo rispetto ad altri prodotti. La cosa è parecchio frustrante; ogni minima fighezza rischia di diventare un serio mal di testa, oltre che un discreto spreco di tempo nel tentativo di trovare dei compromessi funzionanti e non troppo penalizzanti.

Una cosa che non sapevo (un grazie a Luca per la segnalazione) è come sia possibile usare un selettore di attributo di questo tipo:

Elemento[attributo="valore"]

per definire classi specifiche per i diversi browser.

Definire uno specifico id per l'elemento body, ad esempio, permette di usare regole più semplici per gli elementi a favore di quei browser che non supportano il selettore, e regole complesse per tutti quelli che, invece, lo supportano.

Per vedere un esempio reale della cosa, date un'occhiata a questo design e a come viene visualizzato con Internet Explorer e con Firefox...