vue 父组件修改子组件样式

前言

vue的style中的scoped是CSS规范，是Web组件产生不污染其他组件，也不被其他组件污染的CSS规范。
vue组件中的style标签标有scoped属性时表明style里的css样式只适用于当前组件元素，它是通过使用PostCSS来改变以下内容实现的。

解决办法

举例：

解决办法：
1.混合使用全局属性和局部属性

2.深度选择器

一些预处理程序，例如sass不能解析>>>属性，这种情况下可以用deep，它是>>>的别名，工作原理相同。