juqery addClass方法失效问题

使用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")语句就有效了

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章