散列（＃）符號在SASS的外部循環中做了什麼？

Question

我剛剛遇到了在sass循環之外使用散列符號，我不確定它用於什麼或者是什麼原因。

請問這兩個例子有什麼區別？它們都輸出相同的CSS，但第一個不允許僅有類的元素。爲什麼有些地方使用第一個例子？

#{h1, h2, h3, h4, h5} 
{ 
    color: #000; 
} 

h1, h2, h3, h4, h5 
{ 
    color: #000; 
} 

Answer 1

#{}用於字符串插值：http://sass-lang.com/documentation/file.SASS_REFERENCE.html#interpolation_

有一個例外，雖然：使用＃{}插值時，引用的字符串是帶引號。這使得它更易於使用，例如在mixin中選擇器名稱。例如。

所以這種技術有時被用來允許在選擇器中使用sass值。例如：

$gutter: 10; 

.grid#{$gutter} { 
    background: red; 
} 

現在你的問題。我實在看不出有任何理由爲什麼會有人用串插在這個選擇：

#{h1, h2, h3, h4, h5} 
{ 
    color: #000; 
} 

我最好的猜測是，青菜變量將在以後添加到該選擇，或者選擇將一個變量被完全取代。