css样式穿透都有什么

CSS 样式穿透是指在 Vue.js 组件中，使用 `/deep/` 或 `>>>` 选择器来访问子组件的 DOM 元素，从而修改其样式。除了 `/deep/` 和 `>>>` 选择器之外，还有以下几种 CSS 样式穿透方式：

1. `::v-deep` 选择器：这种方式与 `/deep/` 选择器类似，可以穿透组件的边界并修改子组件的样式。不同之处在于，`::v-deep` 选择器只能在 Vue.js 2.2.0 或更高版本中使用。

2. `::shadow` 伪元素：这种方式可以通过 `::shadow` 伪元素来访问子组件的样式。需要使用 Web Components 的 Shadow DOM 模式才能使用该方法。

需要注意的是，CSS 样式穿透可能会影响到应用的性能和可维护性，因此应该谨慎使用，尽量避免使用过于复杂的样式穿透方式。同时，在编写样式时，应该尽量遵循组件化的原则，将样式封装在组件内部，避免样式污染和冲突。