先说明下问题
使用轮播swiper插件，并可以自定义（颜色选择器选择）分页pagination 圆点大小和颜色。在自定义颜色的时候遇到了该问题
如图所示，两个圆点样式分别为.swiper-pagination-bullet未选中和 swiper-pagination-bullet-active选中样式。项目中还有其他地方又自定义颜色我是直接修改css实现，但是这个地方直接修改css轮播后圆点样式不会改变。所以就需要动态创建class。
$("<style></style>").text(".swiper-pagination-bullet-active{ background-color:red;")
.appendTo($(".swiper-pagination"));
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。