/deep/样式穿透

如果给当前组件的 style 节点添加了 scoped 属性,则当前组件的样式对其子组件是不生效的。如果想让某些样

式对子组件生效,可以使用 /deep/ 深度选择器(vue2.0用法)。

<style lang="less" scoped>
.label-box {
display: flex;
justify-content: space-between;
align-items: center;
}
/deep/ .label-box {
display: flex;
justify-content: space-between;
align-items: center;
}
</style>
Vue3.0用法
:deep(.title){
color:blue;
}

 

posted @ 2021-09-30 10:35  ajaXJson  阅读(185)  评论(0编辑  收藏  举报