vue 样式穿透
vue修改组件库样式的可能不生效,原因是 中scoped的问题导致的,需要样式穿透。
样式穿透的几种方法:
1. stylus的样式穿透使用:(>>>):
外层类>>>想要修改的类名{
要修改的样式
}
例:.wrapper >>> .el-card__header {
border-bottom: none
}
2.sass和ess的样式穿透 使用:(/deep/)不生效可使用::v-deep:
外层类/deep/ 想要修改的类名{
要修改的样式
}
例:.wrapper /deep/ .el-card__header {
border-bottom: none
}
3. 通用样式穿透使用:(::v-deep):
::v-deep 想要修改的类名{
想要修改的样式
}
例:::v-deep .el-card__header {
border-bottom: none
}