在前端开发中，SASS 是一个十分常用的 CSS 预处理器，它可以让我们更加高效地编写 CSS。但是，在使用 SASS 进行编译时，我们有时会遇到错误提示：“Invalid CSS after "}"”，这是什么意思呢？如何解决这个问题呢？本文将为大家详细介绍。
什么是 SASS 编译错误：“Invalid CSS after "}"”？
在使用 SASS 进行编译时，如果我们的代码中出现了类似于下面这样的代码：
.selector {
color: red;
}
}那么在编译时就会出现错误提示：“Invalid CSS after "}"”。这是因为 SASS 编译器检测到了一个多余的“}”符号，而这个符号并没有对应的“{”符号与之匹配，因此就会报错。
如何解决 SASS 编译错误：“Invalid CSS after "}"”？
要解决这个问题，我们需要检查我们的代码，找出多余的“}”符号，并将其删除。通常情况下，这种错误都是由于我们在编写代码时不小心多打了一个“}”符号所导致的。
另外，我们还可以在编写代码时尽量遵循一些规范，比如在每个代码块的末尾都加上一个“}”符号，并在每个代码块之间都留有一定的空白行，这样可以有效地避免出现类似于“Invalid CSS after "}"”这样的错误。
示例代码
下面是一个示例代码，其中包含了一个多余的“}”符号，导致了编译错误。我们可以将其删除，就可以成功地编译代码了。
.selector {
color: red;
}
}正确的代码应该是这样的：
.selector {
color: red;
}总结
SASS 编译错误：“Invalid CSS after "}"”是一个常见的错误，通常是由于我们在编写代码时不小心多打了一个“}”符号所导致的。要解决这个问题，我们需要检查我们的代码，找出多余的“}”符号，并将其删除。同时，我们还需要在编写代码时遵循一些规范，比如在每个代码块的末尾都加上一个“}”符号，并在每个代码块之间都留有一定的空白行，这样可以有效地避免出现类似于“Invalid CSS after "}"”这样的错误。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/657c0ee0d2f5e1655d6cea2e