vscode中/deep/样式报错

如果在 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/，如下所示：

:host ::ng-deep .my-class {
  // 样式代码
}

如果你使用的是其他框架或纯 CSS，可以考虑使用其他选择器或类名来避免使用 /deep/。

sass 中使用/deep/报错

在Sass中使用/deep/可能会导致编译错误，因为它是旧版本的CSS规范，而新版本的CSS规范中已经不再支持/deep/。可以使用::v-deep代替/deep/，以避免编译错误。下面是使用::v-deep的示例代码：

.main_wrapper 
  padding: 0 53px 
  position: relative 
  top: -20px 
  ::v-deep .el-tabs__item 
    height: 30px 
    line-height: 30px 
    color: #fff!important