juqery addClass方法失效问题

使用jquery的addClass方法后,样式已经成功添加,但还是没有效果,是因为新添加的样式的优先级比起原先的样式低所致。
例如,原先样式如下

.test div{ width: 100px; height: 100px; background: black; }

改变的样式如下:
.change{ background: white; }

像这种原先样式带有父级的,对.test容器里的div直接使用addClass("change")语句是没效果的,因为change样式优先级低于原先的样式,可以采用如下方法:
【juqery addClass方法失效问题】将改变的样式写法改为:
.test .change{ background: white; }

或者改为:
.change{ background: white!important; }

这时对.test容器里的div使用addClass("change")语句就有效了

    推荐阅读