Javascript 我可以使用jquery删除/否定css吗！重要规则？

如果有使用

的CSS规则！重要信息

，是否有办法删除

！重要的

规则，以便我可以使用JS或jQuery进一步更改下游样式

他们的。css

div.stubborn { display: none !important; }

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

mine.js

div.stubborn { display: none !important; }

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

---

不幸的是，我无法控制应用

的样式！重要的

规则，所以我需要一个解决方法。

您可以使用添加一个新的css样式！重要信息添加到将覆盖原始样式的

这来自javascript中的另一个答案：

function addNewStyle(newStyle) {
var styleElement = document.getElementById('styles_js');
if (!styleElement) {
    styleElement = document.createElement('style');
    styleElement.type = 'text/css';
    styleElement.id = 'styles_js';
    document.getElementsByTagName('head')[0].appendChild(styleElement);
}
styleElement.appendChild(document.createTextNode(newStyle));
}

 addNewStyle('td.EvenRow a {display:inline !important;}')

这个答案是

我也相信你可以像这样添加样式

        .css({ 'display' : 'block !important' });

---

在jQuery中，您需要创建一个新类来应用淡入淡出

CSS:

JS:

---

演示

不幸的是，您无法覆盖

！重要信息

不使用

！重要信息

作为包含的

theres.css下的内联/内部样式

您可以定义一个
！重要提示
设置样式并将其添加到
中。顽固
然后调整不透明度。。见下文

CSS:

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

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

JS:

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

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

演示：

备用进近（内联）

演示：
只需为任何有此问题的图像添加一个
style=“
标记，希望它们都有某种定义类，这样做很容易

$('div.stubborn').attr('style', 'display: inline !important;');​

我尝试了几种方法，但通过在单独的类中添加CSS样式（！important），然后使用jQuery删除，我获得了最好的结果：

CSS:

在jQuery中：

$("#selector").addClass("important-css-here");

然后，当我需要时：

$("#selector").removeClass("important-css-here");

像个魔术师一样工作；-）
 +1遗憾的是，当“！important”工厂发生爆炸时，这是一种需要使用的黑客类型一些好的阅读+1我第二次内联方法，特别是在我使用jQuery Mobile的情况下。+1是内联方法，真的。