修改element-ui组件默认样式

我们在使用element-ui的时候经常会需要修改组件默认样式。有的时候element提供的默认的样式不能满足项目的需要，就需要我们队标签的样式进行修改，但是发现修改的样式不起作用

我目前知道的有两种方法，推荐第二种方法：

1.在需要更改的组件里新增一个style标签【重点：不要加scoped】，然后直接获取class设置样式

注意：为避免污染全局样式，最好不把它放在公共的css里面 ，给父级组件样式添加类名，如下，

  .homePage为我们要修改组件类名的父级组件样式类名。。即使定义一个空的类名也没事。

  .el-main为我们要修改组件的样式。

修改前：

<style lang="scss" scoped>
.homePage  .el-main {
    padding: 0;
}
</style>

修改后：

<style lang="scss" >
.homePage  .el-main {
    padding: 0;
}
</style>

2.使用  /deep/，推荐！！！！

<style lang="scss" scoped>
.homePage /deep/ .el-main {
    padding: 0;
}
</style>

参考：https://www.cnblogs.com/zhaomeizi/p/10150838.html