Sass循环:从该元素的第二个实例开始

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

我在阶梯式布局中有一系列div。我现在正在学习使用SCS,我想也许混音可以通过12个div为我安排它们。到目前为止,我已经:

@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似乎是一个相当随意的数字。