vue样式穿透deep

1. >>> 用于原生 CSS 样式穿透

.box >>> .header {}

2. /deep/  如果项目使用了预处理器 scss 、less 等 css 预处理器，则可以使用 /deep/
注意：vue-cli3以上版本不可以

/deep/ .header {}

3. ::v-deep 不适用于 vue3 scss 场景 其他场景通用

::v-deep .header {}

4. :deep() vue3 项目，使用 scss 预处理器，推荐使用 :deep() 语法

#box :deep(.header) {}