vue 中deep使用

Vue中的deep

在vue组件中，在style标签上添加scoped属性，以表示它的样式作用于当下的模块，很好的实现了样式私有化的目的，防止全局样式被污染，那么再vue项目中怎么更好的使用deep或者怎么解决deep相关问题呢?

使用deep

<style lang="scss" scoped>
/deep/ .el-dialog {
  width: *****;
}
</style>

deep遇到的问题

但是有的时候再scss中deep会失效，可以用 “.(外层的class)>>> .(内层declass)”

例如：

.outclss >>> .innerClass{
 width: *****;
}

希望对困惑的你有帮助！