Javascript 在SCSS中，sharp（#）是什么意思（例如#{$variable}）？

我在看一篇文章时，遇到了如下情况：

$desktop-width: 1024px;

@mixin desktop {
  @media(min-width: #{$desktop-width}) {
    ...
  }
}

想知道为什么要用锋利的（#）吗？你不能只做

最小宽度：$desktop width

提前感谢您，并将接受回答/赞成投票

{}

用于字符串插值：

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

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

$gutter: 10;

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

现在谈谈你的问题。我真的不明白为什么有人会在这个选择器中使用字符串插值：

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

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

{}

用于字符串插值：

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

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

$gutter: 10;

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

现在谈谈你的问题。我真的不明白为什么有人会在这个选择器中使用字符串插值：

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

---

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

它与

{}

组合表示应该添加的内容

---

i、 e.替换为变量的值。

它与

{}

组合表示应该修改的内容

---

i、 e.替换为变量的值。

{}

负责字符串插值，因此在上面的示例中它是不需要的，可以省略。

{}

负责字符串插值，因此在上面的示例中它是不需要的，可以省略。

grid{$Gotter}会做什么？它是

.grid10

对吗？什么时候对常规

$

变量使用字符串插值？我真的看不出它有什么真正的用途。

.grid{$gotter}

会做什么？它是

.grid10

对吗？什么时候对常规

$

变量使用字符串插值？我真的看不出它有什么真正的用途。你什么时候会在正则$variables上使用字符串插值？我真的看不出它有什么真正的用途。例如，你可以将它用于margin top:，margin left:，margin right:等等。作为margin-#{direction}：这样你可以创建一个mixin，将direction作为参数，并将其应用于margin-。你什么时候会对常规$variables使用字符串插值？我真的看不出它有什么真正的用途。例如，你可以将它用于margin top:，margin left:，margin right:等等。作为margin-#{direction}：这样你可以创建一个mixin，将direction作为参数，并将其应用于margin-。你什么时候会对常规$variables使用字符串插值？我真的看不出它有什么实际用途。因为你想在某处使用它，不允许变量（比如在另一个字符串的中间，或者在选择器的中间），你会在普通的变量上使用字符串插值吗？我真的看不出它有什么实际用途。“因为你想在某处使用它，不允许变量（比如在另一个字符串的中间，或者在选择器中）。