vue父元件中修改子元件樣式

看風景就發表於2018-05-04

1. 使用全域性樣式

<style>
/* 全域性樣式 */
</style>

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

2. 使用深度作用選擇器,必須有vue-loader(11.2.0以上)支援

/*a是子元件的頂層class*/

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

 

相關文章