前言:
在Vue引入第三方组件库时,会遇到对引入的组件进行修改样式,不起作用,那是因为在style中使用了scoped属性,使得当前组件不被其他组件中的样式所污染,同时造成了修改的样式不起做用,解决方法如下:
正文:
- stylus的样式穿透 使用: >>>
外层 >>> 第三方组件 或者 父元素>>>子元素
.wrapper >>> .swiper-pagination-bullet-active{ 样式 }
- sass和less的样式穿透 使用 : /deep/
外层 /deep/ 第三方组件 或者 父元素>>>子元素
.wrapper /deep/ .swiper-pagination-bullet-active{ 样式 }