我的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 docs：

这里是example

Answer 2

您也可以这样写

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