[分享]css中deep是什么意思

在 CSS 中，深度选择器（deep selectors）是指通过引入一个选择器的类、id 或伪类，来选中被选元素的子元素，而不是直接选择它们本身。.parent /deep/ .child { co...

在 CSS 中，深度选择器（deep selectors）是指通过引入一个选择器的类、id 或伪类，来选中被选元素的子元素，而不是直接选择它们本身。

.parent /deep/ .child {
  color: red;
} 

在上面的例子中，我们使用深度选择器 `/deep/` 来选中 `.parent` 元素中的 `.child` 元素，并将它们设置为红色。这种选择器通常被用来实现组件样式的局部作用。

需要注意的是，`/deep/` 是一个可选的关键字，在许多时候可以用 `>>>` 或空格代替。但在某些情况下，像 Angular 组件样式这样的嵌套子组件中，我们需要使用深度选择器才能选中子组件中的元素。

在多数浏览器中，使用 `/deep/` 是不推荐的，因为它是非标准的选择器，无法确定浏览器的兼容性。因此，在项目中使用深度选择器时，根据具体情况综合考虑是否使用 `/deep/`，以及采用何种替代写法。