Ich habe soeben etwas Grossartiges gelernt. Nämlich, dass es möglich ist, eine CSS-Definition auf Klassen-KOMBINATIONEN anzuwenden. Die beispielhafte CSS-Anweisung p.a.b { color: blue; } hat also nur Auswirkungen auf p-Tags, welche sowohl die Klasse a als auch die Klasse b anwenden, sprich: <p class="a b">

Sehr praktisch ist das, wenn man bei einem ersten Element eine Klasse isFirst stehen hat. Wenn dieses Element auch von der Klasse extraBox ist, dann kann man solche sinnvolle Definitionen machen wie: Eine extraBox hat immer einen Obenabstand, ausser eben, wenn es ZUSÄTZLICH noch ein isFirst-Element ist.

div.extraBox { margin-top: 20px; }
div.extraBox.isFirst { margin-top: 0px; }

Bis anhin habe ich um vieles herum noch ein Wrapper-Element machen müssen, um solche Effekte auf zwei verschiedenen Tags anzuwenden (div.extraBox div.isFirst), doch damit ist jetzt Schluss. Ich bin mal gespannt, ob das auch im IE funktioniert…