我的 SASS 循环使用插值和百分比中断

Question

由于某种原因，此代码正在破坏我的 SASS 进程。

@for $i from 1 through 100 {
  .t-#{$i} {
    top: #{$i}%;
  }
} 

Answer 1

你可以改成这样：

@for $i from 1 through 100 {
  .t-#{$i} {
    top: 1% * $i
  }
}

来自SASS 文档：

这是一个例子

Answer 2

你也可以这样写

@for $i from 1 through 100 {
  .t-#{$i} {
    top: #{$i + '%'};
  }
}