Classi multiple allo stesso elemento

[s0r42]

ho un elenco che viene ripetuto in varie pagine ed in varie forme
una volta in div, poi una tabella con il dettaglio esteso poi in altri casi secondari

per ogni riga uso un colore di sfondo diverso oltre che una serie di impostazioni

alcune caratteristiche come il colore di sfondo sono comuni a tutti gli elementi, mentre altri come il margine richiedono una distinzione

quindi vorrei evitare di duplicare tutte le impostazioni ridondanti
esiste un modo?

es:

.riga_chiara {background-color:red;}
.riga_scura  {background-color:green;}
.impostazioni_div {margin padding etc...}

<div class="impostazioni_div" class="riga_chiara">ciao</div>
<div class="impostazioni_div" class="riga_scura">ciao</div>
<div class="impostazioni_div" class="riga_chiara">ciao</div>
<div class="impostazioni_div" class="riga_scura">ciao</div>

questo naturalmente non sarà il metodo corretto ma è tanto per dare l'idea

come posso ottenere un effetto simile e compatibile con tutti i browser?

[fcaldera]

.riga_chiara {background-color:red;}
.riga_scura  {background-color:green;}
.impostazioni_div {margin padding etc...}

<div class="impostazioni_div riga_chiara">ciao</div>
<div class="impostazioni_div riga_scura">ciao</div>

[s0r42]

però c'ero andato vicino

e questo sistema è supportato da tutti i browser?

[fcaldera]

Originariamente inviato da s0r42
però c'ero andato vicino

e questo sistema è supportato da tutti i browser?

diciamo che su explorer 4 non ne sono sicuro, ecco.

[s0r42]