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

Question

我在步骤类型布局中有一系列div。我现在正在学习使用Scss，我想也许一个mixin可以通过12个div工作并为我安排它们。到目前为止我已经：

@mixin steps(){
    $stepBlocks: 12;

    @for $i from 1 through $stepBlocks {
        .steps-#{$i} {
            position: absolute;
            top: (($i * 296) + px);
            display: block;
        }
    }
}

这就是我的div结构：

我也制作了一个HTML模型： http://jsfiddle.net/vdecree/CGGyL/

正如你所看到的，小提琴效果很好，但是我怎么能否定第一个效果呢？我需要第一个元素是top: 0;我可以使用if语句吗？如果您认为自己有更好的方法可以做到这一点，我将不胜感激。

Answer 1

您可能想要的是偏移0而不是296px。

@mixin steps(){
    $stepBlocks: 12;

    @for $i from 1 through $stepBlocks {
        .steps-#{$i} {
            position: absolute;
            top: ($i - 1) * 296px;
            display: block;
        }
    }
}