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;    
     }
}
   

　　引入的是第三种生效了，第一种不生效，第二种报错，不知道为什么？在此记录一下，有大神经过方便可以留言。