有人可以解釋這種無禮的話For循環語法 - ＃{$ I}

在薩斯文檔，我們有這樣的：

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

我理解的循環。但我不明白在.item-#{$i}裏爲什麼$i變量被封裝在#{}？爲什麼不寫$i？

我環顧四周，找不到解釋這一點的任何地方。

你爲什麼不試試把它寫成'$ i'，看看會發生什麼？ – cimmanon 2014-09-03 18:34:04

如果我寫'$ i'，它只是說_Syntax錯誤：無效的CSS ......_它不能解釋我的問題的答案。 – user1100149 2014-09-04 08:53:20

它被稱爲插值，在選擇器或屬性名稱中使用變量時需要。見http://sass-lang.com/documentation/file.SASS_REFERENCE.html#interpolation_

2014-09-03 16:22:16

謝謝。我認爲這一定是這樣。我找不到任何參考來確認它。 – user1100149 2014-09-03 20:02:52

回答