Question

我正在使用第三方css库进行样式设置，但我想为特定min-height指定不同的div。
div正在使用themeRow类，该类具有许多属性和集合：

min-height: 200px

在我的情况下，这太大了，我想设置一个不同的值，即

min-height: 75px

所以我已经定义了一些内联css，但在呈现时我的值被排除了，而div仍在min-height: 200px

我可以告诉css使用我的值而不是第三方值吗？

<style>
.bannerHeight {
    min-height: 75px;
}
</style>


<div class="themeRow bannerHeight"></div>

Answer 1

您可以使用!important覆盖第三方库分配给min-height: 200px的{{1}}值。尝试使用这个CSS：

<div>

Answer 2

恕我直言，最好使用比!important更深的级别。如果这是在你的页面'main'那么

<style>
.main .bannerHeight {
    min-height: 75px;
}
</style>

将覆盖

<style>
.bannerHeight {
    min-height: 75px;
}
</style>

简单地将.main替换为.bannerHeight的父元素，在这种情况下可能只是div .bannerHeight。 !important应该用于动态创建html css元素的尴尬情况，而不是像这种情况那样简单的CSS覆盖。

但是你的电话。

Answer 3

样式表中有一个固有的层次结构（因此是“级联”），可以帮助您解决此问题（此处更多信息：http://www.w3.org/TR/CSS2/cascade.html和此处：http://www.w3.org/TR/css-cascade-3/）

基本上，如果你想“覆盖”规则，你可以：