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

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s