如何解决有人能帮我理解为什么 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',},
更改为<!-- Load React. --> <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> <!-- Load your Webpack bundle --> <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
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。