vue修改element ui组件的默认样式

我们在开发的过程中，组件的默认样式可能会满足不了我们的需求，这个时候就需要我们自己来修改组件的默认样式，如果直接对标签进行修改的话不起作用，我们可以这样来修改：

1.首先，在需要修改样式的组件内新建一个style(不需要scoped)，接着给这个组件的根元素加上一个class名，然后对要修改的元素直接进行修改。例：.rootElement是根元素的class名，.el-progress__text是要修改的元素

.rootElement {
 .el-progress__text {
  // 要修改的样式
 }
}

注意：为了防止污染全局样式，一定要给根元素加一个类名。

2.使用 深度选择器 >>>

<style scoped>
 .rootElement >>> .el-progress__text {
  // 要修改的样式
 }
</style>

但是scss/less之类的处理器可能无法识别，这时候就需要使用/deep/代替，他是 >>> 的一个别名，使用方法相同。