使用动态值 $(this).val() 将 !important 添加到 jQuery [重复]

Question

我如何添加 !important 以使用动态值跟随 jQuery？

我尝试了以下方法：

$('#liveStyleH3, #h3, .h3').css("cssText", "font-size: $(this).val()px !important;");

jQuery(document).ready(function($){
var slider = document.getElementById("blank-h3-font-size");
var output = document.getElementById("slideH3Size");
output.innerHTML = slider.value;

slider.oninput = function() {
  output.innerHTML = this.value;
  $('#liveStyleH3, #h3, .h3').css('font-size', $(this).val() + "px", '!important');
}
});

结果应如下所示：

#liveStyleH3 {
    font-size: 32px !important;
}

一些用户将此标记为不正确的重复问题！ 我已经通过以下方式解决了这个问题：

$('#liveStyleH3, #h3, .h3').css("cssText", "font-size:" + $(this).val() + "px !important;");

Answer 1

试试这个：

$('#liveStyleH3, #h3, .h3').css('font-size', $(this).val() + "px !important");