Javascript 删除CSS文件中设置的CSS属性(非内联CSS)[jQuery]

Javascript 删除CSS文件中设置的CSS属性(非内联CSS)[jQuery],javascript,jquery,css,Javascript,Jquery,Css,我在样式表文件中设置了一个CSS属性: .main-outer-div-filter { max-height: 230px; } 我正试图用jQuery删除它,如下所示: $('.main-outer-div-filter').css('max-height',''); 出于某种原因,这种方式似乎没有任何影响,它只在我内联设置样式时起作用,但在CSS文件中不起作用。 有没有办法使用jQuery重置/删除CSS文件中设置的CSS属性 感谢('max-height','')您正在删除内

我在样式表文件中设置了一个CSS属性:

.main-outer-div-filter {
    max-height: 230px;
}
我正试图用jQuery删除它,如下所示:

$('.main-outer-div-filter').css('max-height','');
出于某种原因,这种方式似乎没有任何影响,它只在我内联设置样式时起作用,但在CSS文件中不起作用。 有没有办法使用jQuery重置/删除CSS文件中设置的CSS属性

感谢
('max-height','')

您正在删除内联css。如果您之前将其设置为内联,那么这将起作用。要重置它,请使用
初始值
值:

$(文档).ready(函数(){
$('.special').css({
“最大高度”:“初始高度”
});
});
li{
高度:50px;
边框:1px纯黑;
最大高度:20px;
}

  • 最大高度:20px
  • 最大高度:初始值
您可以使用jQuery覆盖具有内联样式的属性,就像您现在所做的那样,只需将此属性设置为某个值即可。如果将
max height
设置为230px并希望其完全重置,则使用
'max-height','none'
我建议您使用新的类名覆盖它:

.main-outer-div-filter {
    max-height: 230px;
}
.main-outer-div-filter.override {
    max-height: initial; /* or none; */
}
在js中,您可以设置:

$('.main-outer-div-filter').addClass('override');

使用类来代替它,您不能将CSS属性重置为初始值您可以使用来覆盖来自jQuery的CSS!importantjQuery的
.css()
方法将内联样式添加到匹配的元素中。由于内联样式的特殊性值高于任何CSS选择器,因此应该实际应用它。我建议你看看你的网络浏览器开发工具来找出答案。另外,在CSS上下文中,它被称为属性,而不是属性。如果您想在DOM中修改外部样式表,您可以使用
document.styleSheets
对象(及其方法)。但是jQuery没有为此提供任何工具。因此,您应该使用纯JavaScript来完成它。@CreativeMind我认为它已经在S.O.上得到了回答。您可能想看看:topic。你也可以找到一些例子。是的,他可以使用新类或内联CSS,我相信他知道,但这不是问题所在question@AnnieTrubak那么答案很简单:不!!不行。