在Vue项目中,当我们引入第三方组件库时(如使用element-ui),需要在局部组件中修改第三方组件库样式,而又不想去除scoped属性造成组件之间的样式覆盖,这时我们可以通过特殊的方式穿透。
stylus
的样式穿透 使用 >>>
.wrapper >>> .swiper-pagination-bullet-active
background #fff
sass
和less
的样式穿透 使用 /deep/
.wrapper /deep/ .swiper-pagination-bullet-active{
background: #fff;
}