我的 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 + '%'};
  }
}