javascript - 我可以使用 jquery 删除/取消 css !important 规则吗？

Question

如果有使用 !important 的 CSS 规则，有没有办法删除 !important 规则，以便我可以使用 JS 或jQuery？

他们的.css

div.stubborn { display: none !important; }

我的.js

$('.stubborn').fadeIn();  // won't work because of !important flag

不幸的是，我无法控制应用 !important 规则的样式，所以我需要一个解决方法。

Answer 1

不幸的是，如果不使用 !important 作为包含的 theirs.css 下的内联/内部样式，则无法覆盖 !important。

您可以定义一个 !important 样式并将其添加到 .stubborn 然后调整不透明度.. 见下文，

CSS:

div.hidden_block_el { 
   display: block !important;
   opacity: 0;
}

JS:

$('.stubborn')
    .addClass('hidden_block_el')
    .animate({opacity: 1});

演示: http://jsfiddle.net/jjWJT/1/

替代方法(内联)，

$('.stubborn')
    .attr('style', 'display: block !important; opacity: 0;')
    .animate({opacity: 1});

演示: http://jsfiddle.net/jjWJT/