使用jquery的addClass方法后,样式已经成功添加,但还是没有效果,是因为新添加的样式的优先级比起原先的样式低所致。
例如,原先样式如下
.test div{
width: 100px;
height: 100px;
background: black;
}
改变的样式如下:
.change{
background: white;
}
像这种原先样式带有父级的,对.test容器里的div直接使用addClass("change")语句是没效果的,因为change样式优先级低于原先的样式,可以采用如下方法:
将改变的样式写法改为:
.test .change{
background: white;
}
或者改为:
.change{
background: white!important;
}
这时对.test容器里的div使用addClass("change")语句就有效了