最近做一个项目，其中首页使用了vue-awesome-swiper做轮播图效果，css预处理用的less，在设置翻页圆点样式修改的时候一直不成功，网上基本都是stylus的解决方案
翻页圆点样式设置不成功的原因是样式只能在当前组件中有效，但是要修改的是swiper组件，所以直接做样式修改不会成功
在此放上less的解决方法

<div class="swiper-pagination change" slot="pagination"></div> // 在div中加入一个选择器

用less的穿透方式写上修改的样式

.change /deep/ .swiper-pagination-bullet {
        background-color: #fff;
    }