CSS3 negative selectors

Oggi ho imparato una cosa nuova. Stavo mettendo degli stili per le tabelle, quando mi sono accorto che (ovviamente) venivano applicati anche alla tabella che viene generata via JS per il syntax highlight dei frammenti di codice.

L'architettura dei CSS di questa pagina è estremamente pasticciata (grazie, Google), quindi mi sono messo a cercare un modo per applicare gli stili a tutte le tabelle tranne quelle che discendevano dall'elemento generato via js. E' saltato fuori che CSS3 dispone di selettori negativi:

:not(.syntaxhighlighter) > table { 
  /* stili */
}

:not(.syntaxhighlighter) > table > tbody > tr > td {
  /* altri stili */
}    

Probabilmente gli utenti IE non vedranno bene le tabelle, ma chi usa IE non merita Internet :P