使用“sass”的插值误差;(不是"";

使用“sass”的插值误差;(不是"";,sass,Sass,我正在尝试这样做: $grid-query-xlarge: "(not print) and (min-width: #{$screen-xlarge})" !default; 然后这个 @media #{$grid-query-xlarge} { (非)正在引发问题。它说 错误scss/columndrop.scss(第25行:“(”后的CSS无效:应为 表达式(例如1px,粗体)为“非打印”和……) 如果我将not更改为nop,它会通过,尽管不用说这实际上不起作用。似乎sass试图解

我正在尝试这样做:

$grid-query-xlarge: "(not print) and (min-width: #{$screen-xlarge})" !default;
然后这个

@media #{$grid-query-xlarge}  { 
(非
)正在引发问题。它说

错误scss/columndrop.scss(第25行:“(”后的CSS无效:应为 表达式(例如1px,粗体)为“非打印”和……)


如果我将
not
更改为
nop
,它会通过,尽管不用说这实际上不起作用。似乎sass试图解释not。有什么方法可以让它起作用吗?

您尝试生成的CSS无效。您会发现,有很多情况下sass会阻塞无效的CSS,但它给出的错误不一定反映这一点,因为解析器出于其他原因希望它是有效的

无效:

@media (not print) {
    ...
}
有效期:

@media not print {
    ...
}

格式化你的代码,并给我们完整的例子,我们可以复制粘贴到一些在线转换器,而不仅仅是一个部分。这并不困难,但你并不孤独,我明白了,我没有正确地阅读这个,我是在复制我认为是语法的东西。。。