有人可以帮我理解为什么 VS Code 会抛出这个错误吗？

Question

我不确定为什么 VS 代码在这里抛出错误。我删除了所有 CSS 扩展并重新添加了 HTML CSS 支持扩展。我正在使用 Bulma 开发一个 angular 项目。

有什么想法吗？

以防有人想在他们的环境中尝试。

```
.heading-section {
    background:linear-gradient(to right, rgb(2,228,171), rgb(74,215,240));
   
    padding:100px;

    h1.title{
        font-weight:bold;
        color:white;
        text-shadow:0px 1px 2px rgba(black, 0.12);
    }
}
```

Answer 1

这是 css 中的无效语法，也许教程是在 scss 中制作的，您应该在 h1[ 中应用标题 class =13=]

<h1 class="title"> My title </h1>

然后使用你的 css 比如：

.title{

}

或者尝试将live sass扩展名添加到你的vs代码中，然后将文件扩展名更改为.scss，打开编译器，保存就可以了这个语法。 Live sass compiler

Answer 2

VS Code 在这里正常工作。

您尝试使用的嵌套选择器语法是 Sass 的一项功能，因此尝试在常规 CSS 文件中使用它是行不通的。您在这里有两个选择：

将文件的扩展名从 .css 更改为 .scss，假设您的项目已设置为处理它（默认为 Angular）。这是 the video you linked.
中使用的选项
更改语法以在 CSS 中工作，如下所示：

.heading-section {
    background:linear-gradient(to right, rgb(2,228,171), rgb(74,215,240));
   
    padding:100px;
}
.heading-section h1.title{
    font-weight:bold;
    color:white;
    text-shadow:0px 1px 2px rgba(black, 0.12);
}

有人可以帮我理解为什么 VS Code 会抛出这个错误吗？

can someone help me understand why VS Code is throwing this error?

visual-studio-code

vscode-settings

bulma