Sass为ID选择器添加前缀时出现语法错误求助

嘿，我来帮你搞定这个Sass的问题！

你遇到的错误是因为Sass的变量插值语法用错啦——直接在#或.后面跟($变量)是不被识别的，必须用#{}把变量包裹起来，这样Sass才会正确解析变量值并插入到选择器里。

正确的ID选择器写法 #

你需要把ID前缀变量放在#{}中，和前面的#组合起来，像这样：

$idprefix: prefix-;

##{$idprefix}something {
  // 样式写在这里
  color: #333;
}

正确的类选择器写法 #

同理，类选择器的正确写法也是把变量放在#{}里，而不是#()：

.#{$idprefix}something {
  // 样式写在这里
  padding: 10px;
}

编译后的CSS结果 #

上面的Sass代码会被编译成：

#prefix-something {
  color: #333;
}

.prefix-something {
  padding: 10px;
}

简单来说，Sass中要在选择器里使用变量，必须用#{变量名}的插值语法，这样才能让变量值正确替换到选择器的对应位置哦～

内容的提问来源于stack exchange，提问作者root66