Sass循環：從此元素的第二個實例開始

Question

我在步驟式佈局中有一系列div。我正在學習如何使用Scss，我想也許一個mixin可以通過12個divs併爲我安排它們。到目前爲止，我已經有了：

@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; 
     } 
    } 
}