1）修改組件的樣式，但是只作用於當前頁面，其他頁面不受影響，做法有兩種：
法一：使用關鍵字“/deep/”
1)在當前頁面添加樣式：
<style lang="scss" scoped>
自定義類名 /deep/{
element ui選擇器類名{
樣式
}
}
</style>
2)
：在其他頁面寫樣式再導入到所需頁面
scss文件寫法：
.xx /deep/{
element ui選擇器類名{
樣式
}
}
.vue頁面引入必須加上scoped：
<style lang="scss" scoped>
@import "../../../styles/demo.scss";
</style>
法二:使用 ">>>" 也可實現相同效果(注意不要scss的預處理樣式，否則也是沒效果的)
<style scoped>
.xxx >>> .el-checkbox__label {
color: red;
}
</style>
總之：有scss的地方一定要用deep；不用scss時就要用>>>