/deep/ 深度选择器

• vue引用了第三方组件，需要在组件中局部修改第三方组件的样式，而又不想去除 scoped 属性造成组件之间的样式污染。此时只能通过 >>>，穿透 scoped。
• 有些Sass 之类的预处理器无法正确解析 >>>。可以使用 /deep/ 操作符 ( >>> 的别名)

<style scoped>

  外层 >>> 第三方组件 {

    样式

  }

  /deep/  第三方组件 {

    样式

  }

</style>

el-menu 为第三方组件，现在我需要修改里面一个 class=“el-menu” 的标签，那么我需要在 el-menu外层自己新加一个div进行包裹它，不能直接在 el-menu身上设置class 或者 id，否则不会生效。然后在通过我自己新加的div的 class 去进行定位 .el-menu。

<div class="editor">
   <el-menu:editor="editor" v-model="editorData" :config="editorConfig"></el-menu>
</div>

<style scoped>
普通穿透
.editor >>> .el-menu {
  height: 300px;
}
如果普通穿透不生效，添加 !important
.editor >>> .el-menu {
  height: 300px !important;
}
</style>