Question

每当我尝试使用终端或程序Koala将Sass代码编译为CSS时，我会收到以下错误消息：

Error: Invalid CSS after "body ": expected selector, was "{" 
       on line 5 of style.sass
  Use --trace for backtrace

这是错误似乎指的代码：

body {
  background {
    color: $background-color
  }
}

如何修复代码以使其正确编译？

Answer 1

您的选择器读取的方式是它正在查找<body>元素，然后是<background>元素（据我所知，这不是HTML中存在的东西），以及然后，您将该元素内的文本设置为var color中的$background-color。我想是两件事中的一件：

您要求background成为某个类或ID，例如.background，在这种情况下您的代码将成为：

body {
  .background {
    color: $background-color;
  }
}

或者，更有可能的是，你很累，只是让你的电线交叉，并且意味着要像这样设置background-color属性：

body {
  background-color: $background-color;
}

请注意，你还错过了一个结尾的分号，我补充说。

Answer 2

Sass与Scss不同，它使用缩进而不是花括号。

body {
    background {
        color: $background-color;
    }
}

成为

body
    background
        color: $background-color

尽管如此，我很确定你的意思是将background作为属性而不是选择器。

body
    background-color: $background-color

Answer 3

您想在background之后加上冒号。

body {
  background: {
    color: $background-color;
  }
}

Answer 4

background必须是类名或id，或者仅仅是background css属性。

body {
  .background {
    color: $background-color;
  }
}

body {
  #background {
    color: $background-color;
  }
}

body {
  background : $background-color;
}

Sass中的CSS无效

4 个答案: