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时就要用>>>