修改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>