css con le tabelle

[cayman]

Problema: ho creato una tabella con lo sfondo rosso mentre lo sfondo degli elementi td è verde

Parte HTML:
<table class="uno">
<tr>
<td id="uno">A</td>
<td id="uno">B</td>
</tr>
<tr>
<td id="uno">C</td>
<td id="uno">D</td>
</tr>
</table>

Parte CSS:
table#uno{ background-color: red;}
td#uno{ background-color: green;}

Vorrei fare a meno di mettere id="uno" in tutti gli elementi "td" visto che la tabella è piuttosto lunga e in futuro voglio impostare anche altri elementi - C'è un modo per farlo magari imporstando diversamente il CSS???

[miki.]

a parte che visto che lo riutilizzi dovresti usare le classi e non gli id, non cambia niente ma gli id si usa per elementi univoci.
se all'interno della pagina non hai altre celle o ne hai altre poche, formatta il tag td così

td{ background-color: green;}

e per le altre celle della pagina se son poche, crei delle classi

.giallo{backgroun:#f0f;}

[Francis87]

mi sa ke nn hai chiari due concetti dei css...

un ID è UNIVOCO, ciò vuol dire che UNO ed UN SOLO elemento in una pagina possono avere un dato ID.
questo viene richiamato con #nomeID nel css.

una CLASSE definisce invece uno o più elementi in una stessa pagina.
nel css viene richiamato con .nomeclasse

nel tuo caso puoi dare un ID alla tabella e per tutte le celle nel css scrivere

#idtabella td {
 /* stile */
}

questo dà uno stile a tutte le TD presenti nell'elemento che ha come ID idtabella

[cayman]

Da quello che ho capito se avessi due tabelle "diverse" nella stessa pagina bisognerebbe usare le classi!
Sareste così gentili da spiegarmi in che modo posso ottenere lo stesso risultato usando appunto le classi???

[Francis87]

se le 2 tabelle dovessero avere lo STESSO stile dovresti usare le classi.

<table class="nomeclasse">
...
</table>

<table class="nomeclasse">
...
</table>

se dovessero avere stili diversi puoi O usare due ID O due classi

[cayman]

e il CSS come lo devo impostare???

[Jerry Masslo]

alle tabelle invece degli id assegni una classe

.tuaTabella {...}

e per il codice delle loro celle:


.tuaTabella td {...}

[cayman]

Grazie di tutto - Adesso comincio con le prove!!