vue中父组件修改子组件样式的方法

在自己写的组件里有时候会引用element、vux之类的组件，修改这些组件的时候会发现修改不了，解决方法如下：

第一种方法：

将父组件的 <style> 里 的 scoped 去掉就可以了，但是这样会污染全局样式。可以在一个组件中同时使用有作用域和无作用域的两个style样式：

例如：

<style>
无作用域限制的
</style>
<style scoped>
有作用域的
</style>

在无作用域限制的<style>里改组件样式就可以了

第二种方法【推荐】：

使选择器影响的得“更深”，让它能够影响子组件：

<style scoped>
.main >>> .zujian {
 样式
}
</style>

css预处理器，（如：less）不支持 >>> ，可以这样使用：

<style scoped>
.main /deep/  .zujian {
 样式
}
</style>

/deep/ 和>>> 是一样一样的。