Jquery css未应用于父容器

我正在尝试使用下面的语句应用内联css

$('.WarningCount').parent().css('margin-left', '-1.4% !important;');

但它不起作用，它不仅仅被应用。我无法在开发人员控制台中看到这种样式。我必须重写整个样式才能使其工作

$('.WarningCount').parent().attr('style', 'margin-left:-1.4% !important;');

任何原因这里真正的问题是什么。

摘自：

注意：.css（）忽略！重要宣言。因此，语句$（“p” ).css（“颜色”、“红色！重要”）不会改变所有颜色 将页面中的段落改为红色。强烈建议使用类 相反否则，请使用jQuery插件

不过，您可以参考并使用cssText属性

const target = $('.WarningCount').parent();
target.css('cssText', target.attr('style')+'margin-left: -1.4% !important;');

---

使用JSON格式而不是逗号格式。像这样,

$(".WarningCount").parent().css({"margin-left": "-1.4%"});

元素的style对象或CSSStyleDeclaration的一部分的

.setProperty

方法允许您传递表示优先级的第三个参数。所以，您正在覆盖

！重要信息

请使用您自己的

！重要信息

值

---

希望这能消除对这一点的任何疑虑

您是否可以创建供我们查看，我们需要html甚至尝试查找错误，可能还需要应用于父元素的其他css规则。请发布您的html以查看副本，以解决当前问题。不过，我建议您构造CSS选择器，以正确使用选择器优先级。这是一个更具扩展性的修复程序。我建议使用JQuery文档中所述的类，

$（'.WarningCount'）.parent（）.addClass（'margin-left-added-class'）

OP声明他们已经这样做了。更好的解决方案是正确地构造CSS规则，这样就不需要使用

！重要信息

总之

OP声明他们已经这样做了

->做了什么？使用

css（）

解决方案。您展示的

parent（）.css（）

示例与OP中的问题相同-您甚至从文档中引用的内容解释了为什么这不起作用。此外，如果您认为另一个问题有解决方案，请投票将其作为副本关闭。不要给这个问题添加另一个带有链接的答案，因为它会阻止Roomba删除这个问题。你是对的。让我来纠正你错了。采购订单的问题是

任何原因这里真正的问题是什么。

。答案在我引用的jQuery文档中。这仍然不起作用。请添加代码的简短解释。

$( '.WarningCount' ).parent().each(function () {
    this.style.setProperty( 'margin-left', '-1.4%', 'important' );
});