Mit Selektoren lässt sich mehr machen, das man denkt...

Eine CSS Definition für mehrere Klassen/Elemente

div.class1, span.class2 {
 color:blue;
}
<div class="class1">blauer Text</div><span class="class2">blauer Text</span>

Eine CSS Definition für Klassen/Elemente, welche im HTML-Code innerhalb eines anderen Elementes sind:

div.outerClass div.innerClass {
color:red;
}
<div class="outerClass"><div class="innerClass">roter Text</div></div>

Eine CSS Definition für Elemente, welche beide Klassen aufweisen:

div.classOne.classTwo {
color:yellow;
}
<div class="classOne classTwo">oranger Text</div>

Eine CSS Definition für Elemente einer Klasse, welche auf Elemente einer vorherigen Klasse folgen:

div.previousClass + div.followingClass {
color:green;
}
<div class="previousClass"></div>
<div class="followingClass">grüner Text</div>

Referenz: w3.org > Child Selectors, Adjacent Silbing Selectors, Class Selectors