在使用vue脚手架的时候,在写样式时通常会加一个scoped,代表的是样式只在目前的这个组件里用,但是当其他组件用到相同的插件时,css设置的样式不能出来,这里就要用到scoped穿透,下面以swiper轮播图的小圆点为例。
需要添加一个/deep/,我用的是less,sass同理,stylus是添加>>>
.box /deep/ .swiper-pagination-bullet-active {
background: rgba(0,175,190,0.8) !important;
}