element-ui修改默认样式

vue文件分为template、script和style；其中style默认有scoped属性 element-ui 默认的某些样式可能不符合我们的心意；当需要修改时； 新添加一个style，并且这个style不能含有scoped属性；需要注意的是，修改样式时，需要给class添加父元素限制，否则修改的样式就是全局的了 示例：

<style>
  .main-header .el-submenu__title i {
    color: #fff;
  }
  .main-header>.el-menu--horizontal>.el-submenu.is-active .el-submenu__title{
    border-bottom: 0;
  }
</style>
<style scoped>
  .el-header{
    padding: 0;
    background-color: #3c8dbc;
    color: #ffffff;
  }
</style>