1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10:

.cell {
    padding:5px;
    margin-top:3px;
    color:#45431f;
}

.cell2 {
    /* An der Stelle hätte ich gerne das er die Eigenschaften von .cell übernimmt */
    padding-top:20px;
}

1: 
2:

cell.eins { background-color:#815846; font-size:10pt; }
cell.eins cell.zwei { font-size:12pt; }

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11:

.cell, .cell2 {
    padding:5px;
    margin-top:3px;
    color:#45431f;
}

.cell2 {
    padding-top:20px;
}

1: 
2: 
3: 
4: 
5: 
6:

#eins { color:red;  /* farben vererben sich nicht standardmässig auf unterelemente */ }
#zwei { color:inherit; /* jetzt aber schon */ }
...
<div id="eins">(rot)<div id="zwei">(auch rot) ..was natürlich nur geht wenn #zwei ein direkter "Nachkomme" von #eins ist.</div></div>