@@molily:
nuqneH
So etwas ist höchstens mit einem CSS-Präprozessor wie Sass oder Less möglich.
Ob man die Regeln nun händisch schreibt oder vom Präprozessor generieren lässt: es sind und bleiben 2ⁿ − 1 Regeln.* Bereits mit 12 Klassen stößt man an die Grenze von IE ≤ 9.
Vielleicht muss man hier doch mit JavaScript ran:
Entweder dos DOM umfrickeln und aus
<div class="multiple-backgrounds background1 background2 background3">
content
</div>
sowas machen (unschön):
<div class="multiple-backgrounds">
<div class="background1">
<div class="background2">
<div class="background3">
content
</div>
</div>
</div>
</div>
oder für alle Elemente der Klasse multiple-backgrounds die Hintergrundbilder per JavaScript setzen.
Die Klassen multiple-backgrounds, background1, background2, background3, … sollten natürlich semantisch, nicht präsentationsbezogen benannt sein.
Qapla'
* Jetzt mit den richtigen Zeichen. Man sehe mir ^ und - nach; auf einem Android-Smartphone ist es eine Herausforderung, _irgendwas_ zu tippen.
„Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)