有时，你需要修改第三方组件的CSS;

 

然而你直接修改是不可以的，

 

但是我们非要去修改第三方的组件；

 

此时可以使用==》深层选择器 >>>    /deep/   ::v-deep 可以帮助你。

 

这样就可以修改第三方组件样式了，

 

然而有写时候，你是按照这样的方法去修改的吗，那为什么还不对了？

 

因为你的结构层级不对，选择器就是找不到

 

<style scoped>

>>> .disanfangclass {

  color: gray;

}

</style>

 

<style scoped>

/deep/ .disanfangclass {

  color: gray;

}

</style>

 

<style scoped>

::v-deep .disanfangclass {

  color: gray;

}

</style>