vscode中/deep/样式报错
时间: 2023-09-04 14:16:46 浏览: 124
如果在 VSCode 中出现了 `/deep/` 样式报错,可能是因为 `/deep/` 伪类已经被淘汰,不再被 CSS 规范支持,而 VSCode 中的 CSS linter 默认启用了最新的 CSS 规范。可以尝试将 `/deep/` 替换成新的伪类,如 `::ng-deep` 或 `:host-context`。
如果需要继续使用 `/deep/`,可以在 VSCode 的用户设置中添加以下配置,以禁用 CSS lint 对 `/deep/` 的检查:
```
"css.lint.unknownAtRules": [
"deep"
]
```
如果仍然出现报错,可以尝试升级 VSCode 版本,或者使用其他编辑器。
相关问题
vscode /deep/报红
在 Visual Studio Code 中使用 /deep/ 可能会导致样式错误,因为它是过时的用法,已被 ::ng-deep 取代。
如果你使用 Angular,可以使用 ::ng-deep 代替 /deep/,如下所示:
```css
:host ::ng-deep .my-class {
// 样式代码
}
```
如果你使用的是其他框架或纯 CSS,可以考虑使用其他选择器或类名来避免使用 /deep/。
sass 中使用/deep/报错
在Sass中使用/deep/可能会导致编译错误,因为它是旧版本的CSS规范,而新版本的CSS规范中已经不再支持/deep/。可以使用::v-deep代替/deep/,以避免编译错误。下面是使用::v-deep的示例代码:
```sass
.main_wrapper
padding: 0 53px
position: relative
top: -20px
::v-deep .el-tabs__item
height: 30px
line-height: 30px
color: #fff!important
```
阅读全文