如何在 jQuery 中使用 !important答案

【问题标题】：how use !important in jQuery如何在 jQuery 中使用 !important
【发布时间】：2014-05-03 10:02:15
【问题描述】：

$("#PtmIframe").contents().find("#header .sf-menu > li.sfHover > a, #header .sf-menu > li > a:hover, #header .sf-menu > li.sfHoverForce > a").css('background',"#"+HIhovcolor.!importanted).addClass("active");
        localStorage.setItem("HIhovcolor", HIhovcolor);

【问题讨论】：

How to include !important in jquery 的可能重复项

标签： php jquery mysql function download

【解决方案1】：

一般语法

jQuery.style(name, value, priority);

所以用

$("#tabs").style('background', "#"+HIhovcolor, 'important');

adding-css-rules-with-important-using-jquery

【讨论】：

我没用过，能否提供官方文档的链接。
@Satpal 以上我提供的链接可能会对您有所帮助，我也在这里看到过这种类型的答案stackoverflow.com/a/8894528/2967572

【解决方案2】：

我认为这会对你有所帮助

$("#tabs").css("cssText", "height: 650px !important;");

【讨论】：

【解决方案3】：

$("#PtmIframe").contents().find("#header .sf-menu > li.sfHover > a, #header .sf-menu > li     > a:hover, #header .sf-menu > li.sfHoverForce > a").css('background',"#"+HIhovcolor.+" !importanted").addClass("active");
    localStorage.setItem("HIhovcolor", HIhovcolor);

【讨论】：

为什么会有两个不同的答案？您不能将它们都写在一个答案中吗？
对不起，这是我的错误

【解决方案4】：

正如我所见，您不需要使用 jQuery 的 .css() 方法对 !important css 进行破解，此方法将内联样式添加到您的目标 dom 节点。
!important 应该在 @ 中使用987654324@ 文件到您希望它覆盖样式的特定 css 类。

你的情况：

$("#PtmIframe").contents().find("#header .sf-menu > li.sfHover > a, #header .sf-menu > li > a:hover, #header .sf-menu > li.sfHoverForce > a")
.css('background',"#"+HIhovcolor)
.addClass("active");

.css('background',"#"+HIhovcolor) 这一行会输出如下内容：

<li style='backgroung: #yourColorCode' class='active'>.....</li>

所以我不得不说内联样式比 css 类样式具有更高的优先级，那么您应该对此没有任何问题。然而你可以这样做：

.css('background', '#' + HIhovcolor + ' !important')
 //---------------------------------^^^^^^^^^^^^^^^---concatenate it as string.

【讨论】：