覆盖最小高度属性

Question

如果可能,我如何覆盖min-height特定div的类的属性？

例:

.someclass {
  min-height: 200px;
}

<div class="someclass">
  -- content --
</div>

我尝试过使用类似于style="min-height:100px!important;"div的东西,但这似乎不起作用.

Answer 1

!important在标准样式表中使用声明是非常糟糕的习惯.不惜一切代价避免它,因为它打破了样式表的级联性质.

使用更具体的选择器覆盖以前的样式.

要将样式重置为默认值,请auto|inherit|0根据属性使用.对于min-height它0.CSS3引入了inital应该优先使用的特殊值- 但不幸的是,IE支持有限.

在你的情况下,min-height:100px;在具有更高特异性的选择器(id或内联样式 - 最好不是后者)应该做的伎俩.

let div = document.querySelector("#morespecific");

div.innerHTML = "This div has its min-height set to: "+window.getComputedStyle(div).minHeight;

.someclass{
    min-height:200px;
    border:1px solid red;
}
#morespecific{
     min-height:100px;
     border-color:blue;
}

<div id="morespecific" class="someclass">
-- content --
</div>

Answer 2

我找不到更好的答案,只是使用0来覆盖min的东西,并使用1000%的东西来覆盖最大的东西.