我偶然发现了SASS循环很棒的情况.我有一个加载<div>的,每个都有一个遵循模式的独特类,.band-(number)我的HTML的简化版本看起来像这样......
<div class="band-1"></div>
<div class="band-2"></div>
<div class="band-3"></div>
etc.
Run Code Online (Sandbox Code Playgroud)
这些元素中的每一个都具有唯一性background-image,但图像的命名约定遵循divs本身的命名约定.我的CSS需要输出这个......
.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');
}
Run Code Online (Sandbox Code Playgroud)
我将如何以简洁的方式输出?提前致谢.