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/ 和>>> 是一样一样的。
版权声明：
作者：东明兄
链接：https://blog.crazyming.com/note/402/
来源：CrazyMing
文章版权归作者所有，未经允许请勿转载。
THE END
二维码
海报
vue中父组件修改子组件样式的方法
在自己写的组件里有时候会引用element、vux之类的组件，修改这些组件的时候会发现修改不了
东明兄
匿名