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: *****;
}

希望对困惑的你有帮助!

Logo

前往低代码交流专区

更多推荐