修改important樣式

有important的樣式修改起來有點頭疼，樣式比js裡的優先順序還高，修改樣式加important發現無效，樣式並沒有修改

.a {
    top: 0;
    right: 0;
    position: fixed;
    z-index: 3001 !important;
    overflow: auto;
    margin: 0
}
<div class="a">index</div>

然後發現div的層級太高了，想改掉

document.getElementsByClassName("a")[0].style.zIndex = 100!important;//沒有效果
$(".a").css("z-index", "100!important;");//還是沒有效果

$(".a").css("cssText", "z-index:100!important;");//這個就可以了
$(".a").css("cssText", "width:650px !important;overflow:hidden !important");//多個