vue-element-admin項目中 父組件改變子組件樣式 深度選擇器 >>>

當你子組件使用了 scoped 但在父組件又想修改子組件的樣式可以 通過 >>> 來實現：

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

將會編譯成

.a[data-v-f3f3eg9] .b {
  /* ... */
}

如果你使用了一些預處理的東西，如 sass 你可以通過 /deep/ 來代替 >>> 實現想要的效果。

所以你想覆蓋某個特定頁面 element 的 button 的樣式，你可以這樣做：

.xxx-container >>> .el-button{
  xxxx
}