::v-deep、/deep/、＞＞＞穿透选择器 区分与使用

scoped问题是把style样式的“scoped”去掉，scoped存在，会把style样式私有化，简单来说就是把组件自身的样式作用于自身的元素，不会影响其他组件。当然这种是不适合初衷，那么我们用下面的方法

项目中使用css原生样式时，使用>>>深度选择器来修改 外用第三方组件的样式，

项目css的扩展语言是less,sass需要使用/deep/或者::v-deep深度选择器来修改外用第三方组件的样式，

这样的话修改样式时会可以找到符合的选择器从而修改样式成功。

但是可能出现一下问题！！！

操作符 >>> 可能会因为无法编译而报错，会报loader错误,

less 不支持>>>写法  支持/deep/与::v-deep写法

sass不支持/deep/与>>>写法，对于使用了 css 预处理器（scss 、sass）时，深度选择器 ::v-deep 更通用，记载速度更快

vue3.0 中使用 /deep/ 会报错，vue3中深度选择器/deep/ >>> ::v-deep 已经废弃，请使用最新的深度选择器 :deep(标签名){}