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")語句就有效了

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