csss中deep的用法

在 CSS 中，::deep 伪类可以用于选择嵌套在其他组件内部的元素。它的语法如下：

:host ::deep selector {
  /* styles */
}

其中，selector 是要选择的元素的 CSS 选择器。

例如，假设我们有一个组件 <my-component>，它包含一个 <div> 元素和一个 <p> 元素。要为 <p> 元素设置样式，我们可以使用以下代码：

:host ::deep p {
  color: red;
}

这将选择所有位于 <my-component> 组件内部的 <p> 元素，并将它们的颜色设置为红色。

需要注意的是，在 Angular 中，::deep 伪类已被弃用，建议使用 /deep/ 或 >>> 符号来代替。例如：

:host /deep/ p {
  color: red;
}

:host >>> p {
  color: red;
}