在css中使用大括号时出现`sass`抛出错误

Question

我正在尝试添加这样的属性：

body {
    background: #ccc;
    border: 2px solid red;
}

但是角度cli会抛出错误。我听说我们可以像常规sass一样使用css帮助我对此进行排序吗？

这没有任何问题：

body 
    background: #ccc;
    border: 2px solid red;

Answer 1

您正在寻找更新的scss语法：http://sass-lang.com/documentation/file.SASS_REFERENCE.html#syntax

要使用angular-cli启用此功能，请运行以下命令：ng set defaults.styleExt scss。

Answer 2

在sass中无需添加大括号，请像这样使用

body 
    background: #ccc;
    border: 2px solid red;

是的，您可以将任意常规css用于sass，但有一些相同的规则，例如您不需要添加大括号。 但是如果你使用scss，你也可以使用大括号。