动态创建class覆盖class属性

先说明下问题

使用轮播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"));

修改后