Visual studio code 有人能帮我理解为什么VS代码会抛出这个错误吗？

我不知道为什么VS代码在这里抛出错误。 我已经删除了所有CSS扩展，并在中添加了HTML CSS支持扩展。 我正在使用Bulma开发一个角度项目

有什么想法吗

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

```
.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);
    }
}
```

---

这是css中的无效语法可能教程是在scss中制作的，您应该在h1中应用title类

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

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

---

VS代码在此正常工作

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

将文件的扩展名从

.css

更改为

.scss

，前提是您的项目已设置为处理该文件（默认情况下为该文件）。这是中使用的选项

更改语法以在CSS中工作，如下所示：

。标题部分{
背景：线性梯度（向右，rgb（2228171），rgb（74215240））；
填充：100px；
}
.标题第h1节.标题{
字体大小：粗体；
颜色：白色；
文本阴影：0px 1px 2px rgba（黑色，0.12）；
}

我很确定这不是有效的CSS语法。对于Angular和Bulma，我所关注的视频都有.heading部分和h1.title相同的颜色。它们被识别为对象，但我的不是。它是CSS文件还是Sass/Less？我不熟悉Bulma，但是快速浏览一下文档，我看不到任何关于嵌套选择器的内容。它有一个sass和css组件。我已经将它们作为“样式”添加到angular.json中：[“./node_modules/bulma/css/bulma.css”，“src/styles.scss”]，请注意它们正在处理的文件的扩展名，

.scss

。这就是为什么会出现错误，您试图在CSS文件中使用Sass语法。

.title{

}