Question

我对以下错误感到有些困惑。我没有SCSS的经验..它是一个转包前端设计公司给我们的文件。我正在尝试使用KOALA编译，这似乎是一个简单的开源免费Windows sass编译器。

错误：

assets\sass\main.scss
Error: Invalid CSS after "&:not(": expected ")", was "'.full')"
        on line 23 of assets/sass/components/_last-update.scss
        from line 13 of assets/sass/_components.scss
        from line 8 of assets\sass\main.scss
  Use --trace for backtrace.

导致错误的具体代码似乎是：

@media (min-width: $bp-medium) {
        &:not('.full') { max-width: 60%; }
        margin-bottom: $vertical-spacing-medium;
    }

具体做法是：

＆amp;：not（＆＃39; .full＆＃39;）{max-width：60％; }

我尝试将所有部分一起删除它似乎工作但我还没有理解SCSS / SASS语法以及为什么它不起作用。我30岁时才开始使用这种语言。现在。

Answer 1

我认为问题在于选择器中的大肆宣传。 e.g。

&:not('.full') { max-width: 60%; }

应该成为

&:not(.full) { max-width: 60%; }

由规范定义：https://developer.mozilla.org/de/docs/Web/CSS/:not

scss错误 - ＆amp;：not（＆＃34 ;: expected＆＃34;）＆＃34;，＆＃34;＆＃39; .full＆＃39;）

1 个答案: