有人能解释一下Sass For循环语法-#{$i}

在Sass文件中，我们有：

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

我理解这个循环。但是我不明白

.item-#{$I}

中的什么地方，为什么

$I

变量被封装在

{}

中？为什么不直接写

$i

---

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

称为插值，在选择器或属性名称中使用变量时需要插值。请参见

为什么不试着将其写成

$i

，看看会发生什么？如果我写

$i

，它只会说语法错误：无效CSS。。。这不能解释我问题的答案。谢谢。我想一定是这样。我只是找不到任何证明来证实这一点。