Sass循环:从该元素的第二个实例开始
我在阶梯式布局中有一系列div。我现在正在学习使用SCS,我想也许混音可以通过12个div为我安排它们。到目前为止,我已经:Sass循环:从该元素的第二个实例开始,sass,mixins,Sass,Mixins,我在阶梯式布局中有一系列div。我现在正在学习使用SCS,我想也许混音可以通过12个div为我安排它们。到目前为止,我已经: @mixin steps(){ $stepBlocks: 12; @for $i from 1 through $stepBlocks { .steps-#{$i} { position: absolute; top: (($i * 296) + px); displ
@mixin steps(){
$stepBlocks: 12;
@for $i from 1 through $stepBlocks {
.steps-#{$i} {
position: absolute;
top: (($i * 296) + px);
display: block;
}
}
}
这就是我的div结构的样子:
我还制作了一个HTML模型:
正如你所看到的,小提琴很好用,但是我怎么能否定第一把小提琴的效果呢?我需要第一个元素是
top:0代码>是否有if
语句可供我使用?如果您认为您有更好的方法,我可以这样做,我将非常感谢您的帮助。您可能希望从偏移量0开始,而不是从296px开始
@mixin steps(){
$stepBlocks: 12;
@for $i from 1 through $stepBlocks {
.steps-#{$i} {
position: absolute;
top: ($i - 1) * 296px;
display: block;
}
}
}
296似乎是一个相当随意的数字。