vue父组件中修改子组件样式

1. 使用全局样式

<style>
/* 全局样式 */
</style>

<style scoped>
/* 本地样式 */
</style>

2. 使用深度作用选择器,必须有vue-loader(11.2.0以上)支持

/*a是子组件的顶层class*/

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

 

posted @ 2018-05-04 16:12  全玉  阅读(503)  评论(0编辑  收藏  举报