其他分享
首页 > 其他分享> > vue - scss样式穿透实现

vue - scss样式穿透实现

作者:互联网

vue - sass样式穿透实现

// 引入的是第三种生效了,第一种不生效,第二种报错

// 第一种 >>>
.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;   
     }
}

标签:scss,el,vue,12px,form,deep,穿透,item,__
来源: https://www.cnblogs.com/zc-lee/p/15578513.html