前言;
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