solo che ottengo tutto secondo la seconda classe.
Ciao, a parte la risposta di fluxKami, il problema che lamenti è dato dal fatto che forse stai erroneamente usando la virgola dove non serve:
codice:
tr.nero, td
{
background: #000000;
color: #FFFFFF;
}
tr.normale, td
{
background-color: #FF0000;
color: #000000;
}
Fai attenzione, la virgola serve per specificare più selettori differenti in modo da poter associare, per ognuno, le stesse regole definite nel blocco tra parentesi graffe.
In particolare il td, che tu hai indicato dopo la virgola, è da considerarsi un selettore a sé, su ciascuna delle due definizioni.
Sostanzialmente quel css significa questo:
codice:
tr.nero, td /* per tutti i tr che hanno classe .nero, e per tutti i td */
{ /* applica le seguenti regole */
background: #000000;
color: #FFFFFF;
}
tr.normale, td /* per tutti i tr che hanno classe .normale, e per tutti i td */
{ /* applica le seguenti regole */
background-color: #FF0000;
color: #000000;
}
Ovviamente tutti i td risulteranno con sfondo rosso e testo nero, perché vale l'ultima delle due definizioni indicata per il selettore td.
Mi pare evidente che tu stia facendo confusione. Il tuo intento non è quello di attribuire delle regole a tutti i td (in modo generico), ma piuttosto selezionare i relativi td che stanno dentro un determinato tr.
Chiaramente puoi fare in diversi modi a seconda delle esigenze.
Puoi semplicemente eliminare le virgole:
codice:
tr.nero td { ... }
In questo modo viene selezionato qualsiasi td discendente (anche se non diretto) di tr.nero.
Puoi usare il selettore figlio (discendente diretto):
codice:
tr.nero>td { ... }
Potresti addirittura non indicare il td:
In qusto modo background-color viene attribuito direttamente al tr mentre il color è una proprietà ereditaria, per cui ricade sui td contenuti.
[Mod]
Quando si posta del codice sul forum, è opportuno utilizzare gli appositi tag di formattazione, principalmente per una questione di leggibilità (vedi regolamento di sezione). Grazie. Per stavolta ho provveduto io ad aggiungerli sul tuo post.
Buon proseguimento.