当我需要将其设置为更新的值时，将覆盖保证金底部

Question

我有以下两种风格：

.no-bottom-margin{margin-bottom:0;}
.tab-content{border:1px solid #000;margin-bottom:1em;}

在我的页面上，我执行了以下操作：

<div class="tab-content no-bottom-margin">
     Some data here..
</div>

<div class="tab-content">
   Some data here..
</div>

底部边距没有从第一个div中删除，我不明白为什么？当我看看Fire Bug然后margin-bottom：0;被覆盖。我需要将保证金设置为0.我该怎么做？

此示例看起来很愚蠢，但我的视图中有逻辑，它将样式tab-content添加到div，但如果它是视图中唯一的div，那么我不希望边距那里，我的设计看起来不一致。

Answer 1

您可以尝试进行第一次CSS演示：

.tab-content.no-bottom-margin {
  margin-bottom: 0;
 }

组合这些课程会提高它的特异性。

此外，您可以重新排序规则，因此.no-bottom-margin为秒 - 在CSS中，最后一条规则获胜。

Answer 2

.no-bottom-margin {
    margin-bottom: 0 !important;
}