vue sass樣式穿透實現

我們平時寫樣式時 引入的組件內部往往因為我們使用了scoped，而導致引入組件庫的樣式不能被成功覆蓋，我們可以使用樣式穿透達到效果

有三種實現方式

 // 第一種 >>>
.my-el-form-item{
     & >>> .el-form-item__content{
          line-height:12px;    
     }
}
 //第二種 /deep/ 
.my-el-form-item{
      /deep/ .el-form-item__content{
          line-height:12px;    
     }
}
// 第三種::v-deep 和第二種類似
.my-el-form-item{
     ::v-deep .el-form-item__content{
          line-height:12px;    
     }
}
   

　　引入的是第三種生效了，第一種不生效，第二種報錯，不知道為什么？在此記錄一下，有大神經過方便可以留言。