/deep/被废弃了吗

在最新的 CSS Selectors Level 4 中， `/deep/` 伪类选择器已经被废弃了。相反，它被推荐使用 `::ng-deep` 伪类选择器来代替。`::ng-deep` 可以用于穿透组件的 Shadow DOM，并应用样式到组件内部的元素。需要注意的是，`::ng-deep` 伪类选择器也是一个实验性的特性，并不是所有的浏览器都支持。因此，在使用时需要谨慎考虑兼容性问题。

相关问题

/deep/报错 v-deep无效

当使用/deep/语法出现报错并且修改成::v-deep后样式未渲染出来时，可能是因为/deep/语法被废弃了。在Vue 2.6版本之后，推荐使用::v-deep或者>>>来替代/deep/。如果修改成::v-deep后仍然没有渲染出来，可以尝试以下解决方案：
1. 确保你的Vue版本是2.6或者更高版本。低于2.6版本的Vue不支持::v-deep语法。
2. 确保你的样式选择器使用了::v-deep或者>>>。例如，原来的/deep/ .class可以修改成::v-deep .class或者 .class>>>。
3. 检查你的样式是否正确引入到了组件中。确保样式文件被正确加载。
4. 尝试重新启动项目或者清除缓存，有时候修改样式后需要重新编译才能生效。

css中/deep/的作用

在 CSS 中，`/deep/` 或 `::deep` 伪类选择器可以用于在样式规则中穿透 Shadow DOM 边界，以便样式规则可以作用于 Shadow DOM 中的元素。

Shadow DOM 是一种技术，用于将 HTML、CSS 和 JavaScript 代码封装在一个独立的、封闭的 DOM 子树中。这样可以避免组件之间的 CSS 和 JavaScript 冲突，并提高代码的可重用性。

然而，在某些情况下，我们可能需要在 Shadow DOM 内部的元素上应用样式规则。这时，就需要使用 `/deep/` 或 `::deep` 伪类选择器。例如：

/* 作用于 Shadow DOM 内部的元素 */
:host /deep/ h1 {
  color: red;
}

/* 上面的样式等价于下面的样式 */
/* 但不建议使用下面的方式 */
:host ::ng-deep h1 {
  color: red;
}

需要注意的是，`/deep/` 或 `::deep` 伪类选择器已经被标记为废弃，不建议使用。取而代之的是 `::part` 伪类选择器，它可以更好地支持组件化和样式封装。