jquery - jQuery .css 不适用于父容器

Question

我正在尝试使用以下语句应用内联 css。

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

但它不起作用，它不仅仅被应用。我在开发者控制台中看不到这种风格。我必须覆盖整个样式才能使其正常工作。

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

任何原因可能是这里的真正问题。

标签： jquerycss

Answer 1

取自jQuery 文档：

注意： .css() 忽略 !important 声明。因此，语句 $( "p" ).css( "color", "red !important" ) 不会将页面中所有段落的颜色变为红色。强烈建议改用类；否则使用 jQuery 插件。

不过，您可以参考这个答案并使用 cssText 属性

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