Sass的循环有办法做到这样吗

Question

想輸出这样，从3开始不断+4

.test-3{
}
.test-7{
}
.test-11{
}
.test-15{
}
.test-19{
}
.test-23{
}
......

如果能够做到这样更好，但难度感觉略高一点

.test-3{
}
.test-4{
}

.test-7{
}
.test-8{
}

.test-11{
}
.test-12{
}

.test-15{
}
.test-16{
}
......

不知道Sass的循环有办法做到这些事情吗?

Answer 1

$i: 3;
@while $i < 20 {
  .item-#{$i} { width: 2em * $i; }
  $i: $i + 4;
}

http://beautifytools.com/scss...
http://www.ruanyifeng.com/blo...

Answer 2

双层循环不就好了