CSS - добавление важно с переменной

Question

Я хочу, чтобы иметь возможность добавить на высоту #content на линии 7 кода ниже «Важно!». Мне нужно иметь возможность использовать переменную $ newHeight, потому что она должна оставаться динамичной.

Кто-нибудь знает, как я могу добавить ! Important в эту декларацию css? Я попытался использовать знак плюса (+) для конкатенации, но не увенчался успехом.

Вот код:

$(window).resize(function() { 

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

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

}); 

Answer 1

Вы можете добавить !important так:

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

Answer 2

Вы не можете установить !important с JQuery см here for a demo этого не работает, а here for a long explanation и некоторые альтернативные ответы

Возможно, вы использовали класс с высотой и !important, но th не является жизнеспособным, поскольку высота является переменной. Я хотел бы посмотреть на вышеуказанных нитях для правильного, твердого ответа

В качестве альтернативы, вы пробовали просто изменить высоту, как:

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