错误:
jquery为dom元素追加类样式,使用addClass追加样式不生效,使用css()添加样式才可以生效
$("#id").addClass("checkColor");不生效
修改为: $("#id").css("background","#0F8100")生效
原因:
样式优先级的问题,父级样式的优先级要高于后设置样式的优先级,所以会渲染优先级高的样式
解决办法:应该对追加的类中样式进行优先级提升
!important,作用是提高指定样式规则的应用优先权(优先级)
如下图所示:
.checkColor{
color: white;
background: #0F8100!important;
}