相关疑难解决方法(0)

SASS循环输出具有唯一编号和背景图像的类

我偶然发现了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)

我将如何以简洁的方式输出?提前致谢.

css loops sass

2
推荐指数
1
解决办法
1012
查看次数

标签 统计

css ×1

loops ×1

sass ×1