jquery - CSS - 添加 !important 与变量

Question

我希望能够在下面代码的第 7 行的#content的高度上添加一个“！important” 。我需要能够使用变量$newHeight因为它需要保持动态。

有谁知道我如何在这个 css 声明中附加一个!important ？我尝试使用加号 (+) 进行连接，但没有成功。

这是代码：

$(window).resize(function() {

    var $windowHeight = $(window).height();
    var $newHeight = $(window).height()-$('#footer').height()-153;

    if ($windowHeight < 847){
        $('#content').css("height",$newHeight);         
}

});

Answer 1

您不能!important使用 jQuery 进行设置，请参阅此处查看它无法正常工作的演示，以及此处查看详细说明和一些替代答案

您可以使用具有高度的类，!important但这不可行，因为高度是可变的。我会在上面的线程中寻找一个正确、可靠的答案

或者，您是否尝试过仅更改高度，例如：

$('#content').height($newHeight);   

Answer 2

你可以!important这样添加：

var element = document.getElementById("content");
element.setAttribute('style', 'height:'+$newHeight+'!important');

Answer 3

这对我有用

let style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = '.backgrounds { background: ' + color + '!important; }';
document.getElementsByTagName('head')[0].appendChild(style);