vscode中/deep/样式报错

如果在 VS Code 中你的 `/deep/` 样式报错了，可能是因为 `/deep/` 已经被弃用了。可以尝试使用 `::ng-deep` 来代替。

如果你的样式是在 Angular 中使用的，可以尝试使用 `::ng-deep`。例如：

:host ::ng-deep .my-class {
  color: red;
}

如果你的样式是在 Vue 中使用的，可以尝试使用 `/deep/`。例如：

<style scoped>
.parent /deep/ .child {
  color: red;
}
</style>

但是请注意，`/deep/` 在 Vue 3 中已经被弃用，建议使用 `::v-deep` 来代替。例如：

<style scoped>
.parent ::v-deep .child {
  color: red;
}
</style>

希望这些信息能够帮助你解决问题。

相关问题

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