修改element ui默认样式

案例：

　　　　  <div  class="mytab">
          <el-tabs v-model="activeName" @tab-click="checkoutLoginWay">
            <el-tab-pane label="密码登录" name="first"></el-tab-pane>
            <el-tab-pane label="短信登录" name="second"></el-tab-pane>
          </el-tabs>
        </div>

1》style标签没有加上scoped属性时，会影响全局样式，我们可以在里面写几个style样式 ,

mytab是我们父元素的class ，el-tabs__nav是我们需要修改的样式

<style scoped>

</style>

<style>
  .mytab .el-tabs__nav{
    margin-left: 120px;
  }
</style>

 

2》加上/deep/, mytab是我们父元素的class

<style scoped> 
 .mytab /deep/ .el-tabs__nav{
     margin-left: 120px;
 }
</style>