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