Css hash(#)符号在SASS的外部循环中起什么作用?

Css hash(#)符号在SASS的外部循环中起什么作用?,css,sass,Css,Sass,我刚刚在sass中遇到在循环外使用哈希符号的情况,我不确定它的用途或原因 请问这两个例子有什么不同?它们都输出相同的css,但前者不允许只使用类元素。为什么第一个例子在某些地方使用 #{h1, h2, h3, h4, h5} { color: #000; } h1, h2, h3, h4, h5 { color: #000; } #{}用于字符串插值: 但有一个例外:当使用#{}插值时,带引号的字符串是不带引号的。这使得在mixin中使用选择器名称变得更容易。比如说 因此,这种技术有

我刚刚在sass中遇到在循环外使用哈希符号的情况,我不确定它的用途或原因

请问这两个例子有什么不同?它们都输出相同的css,但前者不允许只使用类元素。为什么第一个例子在某些地方使用

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

h1, h2, h3, h4, h5
{
  color: #000;
}
#{}
用于字符串插值:

但有一个例外:当使用#{}插值时,带引号的字符串是不带引号的。这使得在mixin中使用选择器名称变得更容易。比如说

因此,这种技术有时用于允许在选择器中使用sass值。例如:

$gutter: 10;

.grid#{$gutter} {
    background: red;
}
现在谈谈你的问题。我真的不明白为什么有人会在这个选择器中使用字符串插值:

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

我的最佳猜测是,sass变量稍后将添加到该选择器,或者该选择器将完全替换为一个变量。

您尝试过了吗。(另请参见:)我整个上午都在查看他们的文档,但没有找到!谢谢你指点我。在页面中搜索
#{
会找到它的。但它仍然没有回答我的问题。在我上面的问题中,为什么有些人要写作为第一个示例。从文档来看,它似乎只用于变量。公平地说,我问这个问题时不知道它是用来做什么的。谢谢@jzelenkov非常有用!很抱歉没有在文档中首先发现这一点e cimmanon指出!这实际上是一个有趣的问题。你在哪里看到sass代码?还是它是专有软件?我在类型库中看到了这一点,不完全相同,但从文档中看,我看不到使用插值的必要性