三种css深度选择器

scoped可以使样式避免被污染，但是想要控制子组件中的样式就要使用样式穿透，以下是 vue样式穿透

1、 >>> ，仅用于css，sass、scss与less中无法使用

2、 /deep/ ,适用于sass、scss与less，但有些时候会报错

3、 ::v-deep , vue中推荐使用

值得注意的是，父组件即使加了scoped也可以控制子组件的根元素节点的class