更改ElementUI默认样式的方法

1、添加没有scoped的样式（页面中可以有多个

<style lang='scss'>
	.el-button{
    
    
		background-color: red;
	}
</style>

2、有scoped，css原生写法：用 >>> （ >>> 前面可以是父元素或祖先元素）

<style scoped>
.buttonWrapper >>> .el-button{
    
    
    background-color: red;
}
</style>

3、项目中用到了scss 、sass、less 都可以使用 /deep/

<style lang='scss' scoped>
/deep/ .el-button{
    background-color: blue;
}
</style>

或 : :v-deep

<style lang='scss' scoped>
::v-deep .el-button{
    background-color: gold;
}

当一个页面有多个相同组件，避免污染一个页面的样式，也可使用组合选择器精准修改个别组件样式

<style lang='scss' scoped>
/deep/ .buttonWrapper .el-button{
      background-color: red;
  }
</style>