vue样式穿透

在vue开发过程中,可能会遇到修改element ui组件样式的时候,无效的问题,在网页检查页面元素的时候发现自己写的样式不生效,原因是因为<style scoped></style>中scoped的问题导致,所以我们需要用到样式穿透:

stylus的样式穿透 使用:>>>

外层类 >>> 想要修改的类名 {

  要修改的样式

}

例:.wrapper >>> .el-card__header {

border-bottom: none

}

sass和less的样式穿透 使用:/deep/

外层类  /deep/  想要修改的类名 {
  要修改的样式
}
例:.wrapper /deep/ .el-card__header {

border-bottom: none

}

猜你喜欢

转载自www.cnblogs.com/rzsyztd/p/12410055.html