动态创建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"));

修改后