vue修改组件样式

vue可以使用多个style，可以第一个设置scoped，第二个设置想要修改的第三方组件的样式，每个vue文件设置不同.container class名，然后包裹修改的第三方ui组件样式。

当我们希望 scoped 样式中的一个选择器能够作用得“更深”（子组件也可以用scoped中的样式），例如影响子组件，你可以使用 >>> 操作符，编译后会在相应的选择器后面增加独有的属性；如下：

>>>.b { /* ... */ }

在这里需要注意的是，有些像 Sass 、Scss之类的预处理器无法正确解析 >>>。这种情况下我们可以使用 /deep/ 或 ::v-deep 操作符来取代>>>，这是两个都是 >>> 的别名，同样可以正常工作。如下：

/deep/ .b{/* ... */}