组件样式穿透

对于一些组件我们需要修改组件内部的样式 但是因为scoped导致样式独立 互不影响
想要修改只能使用组件样式穿透

1-less的样式穿透 不同组件之间样式穿透 /deep/

/deep/ .el-button {

    margin-top:20px;

    margin-left:20px;

    /*margin-bottom:20px;*/

  }

2-scss样式穿透 ::v-deep

好像scss直接使用deep是没有效果的 可以去掉lang="scss"就可以生效

或者是使用 ::v-deep
注意：::v-deep 是在scss中使用的

stylus >>>

除了使用样式穿透之外 我们还可以不使用scoped关键字
直接使用#users{h1{...}}去覆盖
但是要注意这个外面的要唯一

https://vue-loader.vuejs.org/guide/scoped-css.html

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容