如何使用jquery覆盖包含’!important’的CSS?

前端之家收集整理的这篇文章主要介绍了如何使用jquery覆盖包含’!important’的CSS?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想使用jquery为特定div应用高度,但不能使用jquery覆盖“!important”关键字。

这是标记

<div id="divL1" class="myclass">sometext here</div>
<div id="divL2" class="myclass">sometext here</div>
<div id="divL3" class="myclass">sometext here</div>
<div id="divL4" class="myclass">sometext here</div>

CSS:

.myclass{
 height:50px !important;
}

在这里,我想找到类“myclass”,其中divid等于“divL3”

我试过:

$('#divL3.myclass').css('height','0px');

但不会工作!所以,如何使用jquery覆盖’!important’css。

帮助赞赏!

解决方法

尝试这个 :
$( '.myclass' ).each(function () {
    this.style.setProperty( 'height','0px','important' );
});

.setProperty()使您能够传递代表优先级的第三个参数。

猜你在找的jQuery相关文章