我偶然发现了一个SASS循环很棒的情况.我有一个< div>的加载,每个都有一个遵循.band-(数字)模式的唯一类,我的HTML的简化版本看起来像这样……
<div class="band-1"></div> <div class="band-2"></div> <div class="band-3"></div> etc.
这些元素中的每一个都具有唯一的背景图像,但图像的命名约定遵循div本身的命名约定.我的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');
}
我将如何以简洁的方式输出？提前致谢.
