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

您无法使用jQuery设置!important，请参阅here for a demo无效，here for a long explanation以及其他一些答案

您可以使用具有高度和!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);

CSS - 添加！重要的变量

3 个答案: