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

问题描述

我不知道为什么 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);
    }
}
```

解决方法

VS Code 在这里工作正常。

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

将文件的扩展名从 externals: { 'react': 'React','react-dom': 'ReactDOM',}, 更改为  <script src="https://unpkg.com/react@17/umd/react.production.min.js" crossorigin></script> <script src="https://unpkg.com/react-dom@17/umd/react-dom.production.min.js" crossorigin></script>  <script src="bundle.js"></script>，假设您的项目已设置为可以处理它（Angular 默认是这样）。这是在 the video you linked 中使用的选项。
更改您的语法以在 CSS 中工作，如下所示：

.css

这是css中的无效语法也许教程是用scss制作的，你应该在h1中应用标题类

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

然后像这样使用你的css：

.title{

}

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

visual-studio-code vscode-settings