Vue style 深度作用选择器 >>> 与 /deep/（sass/less）

使用位置：

在vue项目中使用了第三方插件之后会出现插件内部样式无法识别的现象，这个使用就必须使用深度作用器来解决了。

使用方式：
一、>>>

<style lang="scss" scoped>
.fuck >>> .weui-cells {
    css 内容
}
</style>

二、/deep/

<style lang="scss" scoped>
.select {
  width: 100px;

  /deep/ .el-input__inner {
    border: 0;
    color: #000;
  }
}
</style>

上面两个都是css的深度作用选择器

区别：

‘>>>’ 注意，只作用于css，’/deep/’ 是在sass/less中使用的，仔细看上面的代码可以发现下面的代码是在scss中使用的。

来源：CSDN

作者：清风细雨_林木木

链接：https://blog.csdn.net/weixin_35773751/article/details/104030331