vue2父组件如何修改子组件样式

在vue的开发过程中，当style标签有scoped属性时，它的CSS只作用于当前组件中的元素。这就导致当我们使用v-html，或者引入ElementUI等组件的时候，无法修改子组件的样式。大致有两个方法解决。

1、去掉scoped

在父组件的style中去掉scoped属性，但是有一个缺点，这样极大可能污染全局的样式。

2、使用深度作用选择器

<style scoped>
.a >>> .b { /* ... */ }
</style>

详情请见：CSS作用域