有人可以解释这个Sass For循环语法 - ＃{$ i}

Question

在Sass文档中，我们有：

@for $i from 1 through 3 {
  .item-#{$i} { width: 2em * $i; }
}

我理解循环。但我不明白.item-#{$i} $i变量被#{}包围的原因在哪里？为什么不写$i？

我环顾四周，无法找到解释这一点的任何地方。

Answer 1

它被称为插值，在选择器或属性名称中使用变量时需要。见http://sass-lang.com/documentation/file.SASS_REFERENCE.html#interpolation_