使用“（不是”的sass插值错误

Question

我试图这样做：

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

然后这个

@media #{$grid-query-xlarge}  { 

(not导致问题。它说

  

错误scss / columndrop.scss（第25行：＆＃34之后的无效CSS;（＆＃34;：预期）   表达式（例如1px，粗体），＆＃34;不打印）和......＆＃34;）

如果我将not更改为nop，它会通过它，但不用说，它实际上并不起作用。似乎sass试图解释不。有没有办法让这个工作？

Answer 1

您尝试生成的CSS无效。您会发现有许多Sass在无效CSS上窒息的情况，但它给出的错误不一定反映出因为解析器期望它因其他原因而有效。

无效：

@media (not print) {
    ...
}

有效：

@media not print {
    ...
}