穿透選擇器與deep選擇器之前的語法

前言；

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