javascript - 删除在 CSS 文件中设置的 CSS 属性(不是内联 CSS)[jQuery]

Question

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

.main-outer-div-filter {
    max-height: 230px;
}

我正在尝试像这样用 jQuery 删除它:

$('.main-outer-div-filter').css('max-height','');

由于某种原因，这种方式似乎没有任何影响，它只在我将样式设置为内联时有效，但在 CSS 文件中时无效。 有什么方法可以使用 jQuery 重置/删除在 CSS 文件中设置的 CSS 属性？

谢谢

Answer 1

使用 ('max-height', '') 您将删除内联 css。如果您之前将其设置为内联，那将会起作用。要重置它，请使用 initial 值:

$(document).ready(function() {
  $('.special').css({
    'max-height': 'initial'
  });
});

li {
  height: 50px;
  border: 1px solid black;
  max-height: 20px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <li>Max-height: 20px;</li>
  <li class="special">Max-height: initial;</li>
</ul>