大多数这些答案现在都过时了，IE7支持不是问题。

支持IE11+和所有现代浏览器的最佳方法是：

const $elem = $("#elem");
$elem[0].style.setProperty('width', '100px', 'important');

或者，如果需要，可以创建一个小型jQuery插件来实现这一点。该插件在其支持的参数中与jQuery自己的css（）方法非常匹配：

/**
 * Sets a CSS style on the selected element(s) with !important priority.
 * This supports camelCased CSS style property names and calling with an object 
 * like the jQuery `css()` method. 
 * Unlike jQuery's css() this does NOT work as a getter.
 * 
 * @param {string|Object<string, string>} name
 * @param {string|undefined} value
 */   
jQuery.fn.cssImportant = function(name, value) {
  const $this = this;
  const applyStyles = (n, v) => {
    // Convert style name from camelCase to dashed-case.
    const dashedName = n.replace(/(.)([A-Z])(.)/g, (str, m1, upper, m2) => {
      return m1 + "-" + upper.toLowerCase() + m2;
    }); 
    // Loop over each element in the selector and set the styles.
    $this.each(function(){
      this.style.setProperty(dashedName, v, 'important');
    });
  };
  // If called with the first parameter that is an object,
  // Loop over the entries in the object and apply those styles. 
  if(jQuery.isPlainObject(name)){
    for(const [n, v] of Object.entries(name)){
       applyStyles(n, v);
    }
  } else {
    // Otherwise called with style name and value.
    applyStyles(name, value);
  }
  // This is required for making jQuery plugin calls chainable.
  return $this;
};

// Call the new plugin:
$('#elem').cssImportant('height', '100px');

// Call with an object and camelCased style names:
$('#another').cssImportant({backgroundColor: 'salmon', display: 'block'});

// Call on multiple items:
$('.item, #foo, #bar').cssImportant('color', 'red');

这里是jsfiddle示例。

它可能适合也可能不适合您的情况，但您可以在许多此类情况下使用CSS选择器。

例如，如果您希望.cssText的第3个和第6个实例具有不同的宽度，可以编写：

.cssText:nth-of-type(3), .cssText:nth-of-type(6) {width:100px !important;}

Or:

.container:nth-of-type(3).cssText, .container:nth-of-type(6).cssText {width:100px !important;}

此解决方案不覆盖以前的任何样式，它只应用您需要的样式：

var heightStyle = "height: 500px !important";
if ($("foo").attr('style')) {
  $("foo").attr('style', heightStyle + $("foo").attr('style').replace(/^height: [-,!,0-9,a-z, A-Z, ]*;/,''));
else {
  $("foo").attr('style', heightStyle);
}

当“事件”时，我尝试更改菜单项的文本颜色时遇到了同样的问题。当我遇到同样的问题时，我发现的最佳方法是：

第一步：在CSS中创建一个新的类，例如：

.colorw{ color: white !important;}

最后一步：使用addClass方法应用该类，如下所示：

$('.menu-item>a').addClass('colorw');

问题已解决。

问题是由jQuery不理解！重要属性，因此无法应用该规则。

您可能能够解决这个问题，并通过addClass（）引用该规则来应用该规则：

.importantRule { width: 100px !important; }

$('#elem').addClass('importantRule');

或者使用attr（）：

$('#elem').attr('style', 'width: 100px !important');

然而，后一种方法将取消设置任何先前设置的内联样式规则。所以使用时要小心。

当然，有一个很好的论点是@Nick Craver的方法更容易/更明智。

上面的attr（）方法稍作修改以保留原始样式字符串/财产，并按照falko在注释中的建议进行了修改：

$('#elem').attr('style', function(i,s) { return (s || '') + 'width: 100px !important;' });

我认为它工作正常，可以覆盖之前的任何其他CSS（this：DOM元素）：

this.setAttribute('style', 'padding:2px !important');