前言;
scoped 父组件的样式将不会渗透到子组件中
1.>>> 穿透选择器
穿透的是 style 的 scoped
<style scoped>
.a >>> .b {
propertyName:property
}
</style>
2. /deep/ 深度作用选择器
<style lang="less" scoped>
.a >>> .b {
propertyName:property
}
会报错
</style>
3. /deep/ 深度作用选择器
<style lang="less" scoped>
.a {
/deep/ .b {
propertyName:property
}
}
正确写法
</style>
如图:
4.ps : 注意的地方
如果lang=‘less’ 就直接使用 /deep/
如果等于 scss 就使用 &::v-deep