Ich bin über eine Situation gestolpert, in der eine SASS-Schleife großartig wäre. Ich habe eine Ladung<div>Jedes hat eine eigene Klasse, die dem Muster von folgt.band-(number)würde eine vereinfachte Version meines HTML so aussehen ...

<div class="band-1"></div>
<div class="band-2"></div>
<div class="band-3"></div>
etc.

Jedes dieser Elemente hat ein Unikatbackground-image, aber die Namenskonvention des Bildes folgt der derdivs sich. Mein CSS muss dies ausgeben ...

.band-1 {
   background-image:url('../img/image_01.png');
}
.band-2 {
   background-image:url('../img/image_02.png');
}
.band-3 {
   background-image:url('../img/image_03.png');
}

Wie würde ich vorgehen, um dies kurz und bündig auszugeben? Danke im Voraus.