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; } }
引入的是第三种生效了,第一种不生效,第二种报错,不知道为什么?在此记录一下,有大神经过方便可以留言。