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:
codice:
.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?