Elemento colgroup della tabella HTML non funziona?

Voglio stili diversi su ogni colonna di un tavolo. Ho letto che puoi farlo usando

o

, ma non ho avuto fortuna. Ho un esempio qui e nulla sembra cambiare. Sto facendo qualcosa di sbagliato? Funzionerà su xhtml?

So che potrei aggiungere un attributo “class” su ogni

, ma sembra debole.

È corretto. Mentre colgroup stesso è supportato da tutti i browser, questo non è vero per gli attributi dell’elemento col interno . Di possibili attributi, solo la width è supportata su tutti i browser. Ma a differenza del CSS,

supporta solo pixel e larghezze percentuali.

Non usarlo Invece, crea classi CSS e assegnale a ciascun td . Sì, fa schifo.

MODIFICA Link aggiornato sopra alla pagina con informazioni migliori

Imposta il table-layout Auto invece che su fisso …

 table {table-layout: auto;} 

Il mio sito personale supporta più temi e vedo sempre questo tipo di differenze.

È ansible utilizzare selettori CSS per ottenere risultati simili senza aggiungere classi aggiuntive.

Ad esempio se vuoi dare uno stile specifico ad una seconda colonna puoi usare:

 table>tbody>td:nth-child(2){font-weight: bolder;}