穿透选择器与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