如何申请！使用.css（）是否重要？

我很难应用这样的风格！重要的我尝试过：

$("#elem").css("width", "100px !important");

这没有任何作用；不应用任何宽度样式。有没有类似jQuery的方法来应用这样的样式而不必覆盖cssText（这意味着我需要先解析它，等等）？

编辑：我应该补充一下，我有一个带有！我试图用！重要的样式内联，因此使用.width（）等不会起作用，因为它会被我的外部重写！重要的风格。

此外，将覆盖上一个值的值是计算出来的，因此我不能简单地创建另一个外部样式。

当前回答

在阅读了其他答案并进行了实验之后，这对我来说很有用：

$(".selector")[0].style.setProperty( 'style', 'value', 'important' );

不过，这在IE8及以下版本中不起作用。

其他回答

它可能适合也可能不适合您的情况，但您可以在许多此类情况下使用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;}

您可以这样做：

$("#elem").css("cssText", "width: 100px !important;");

使用“cssText”作为属性名，并将您希望添加到CSS中的任何内容作为其值。

如果它不那么相关，并且由于您正在处理一个元素#elem，那么您可以将其id更改为其他元素，并根据您的意愿对其进行样式设置。。。

$('#elem').attr('id', 'cheaterId');

在CSS中：

#cheaterId { width: 100px;}

这样做：

$("#elem").get(0).style.width= "100px!important";

可能是这样的：

隐藏物

var node = $('.selector')[0];
OR
var node = document.querySelector('.selector');

设置CSS

node.style.setProperty('width', '100px', 'important');

删除CSS

node.style.removeProperty('width');
OR
node.style.width = '';

推荐文章