Klassen zusammenfassen

[Felix Riesterer]

Lieber Feldwebel,

ich lag ja eigentlich schon im Bette und muss nun doch noch mal mit einer Frage an die Community herantreten, die mir einfach keine Ruhe und mich daher nicht schlafen lässt...

DAS kenn ich nur zu gut... :-/

> .klasse_1 {background-color:red;}
> .klasse_2 {background-color:red;}
> .klasse_3 {background-color:red;}
> .klasse_4 {background-color:red;}
> .klasse_5 {background-color:red;}
> etc.
> 

Du kannst es nicht generisch machen. Du müsstest wohl entweder zwei Klassen verwenden, oder eben alles so notieren:

.klasse_1, .klasse_2, .klasse_3, ... .klasse_67 {
 background-color: red;
}

Eine Nummerierung im Klassennamen klingt für mich sehr danach, dass Dein Konzept bezüglich der Klassennamen reichlich unausgegoren ist.

sowas wie

> .klasse_[ANFANGSZAHL] - .klasse_[ENDZAHL] {background-color:red;}
> 

Hmm. Vielleicht kann der Attribut-Selektor helfen? Zum Beispiel so: jsFiddle-Beispiel

Muss ich da via javascript mit einer for-Schleife arbeiten oder lässt sich das allein mit CSS regeln?

Wie im Beispiel zu sehen ist, geht das mit einem Attribut-Selektor, wenn der verwendete Browser das auch unterstützt.

Liebe Grüße,

Felix Riesterer.