WordPress覆盖了我相当特殊的规则

Question

Wordpress会自动在我创建的div（“简介”类）内的段落标签中添加广告。由于这个新的p标签默认具有顶部和底部边距，因此我尝试添加一条规则以消除这种影响：

   .intro-description p {
       margin: 0;
    }

为什么这行不通？边距仍然存在。

Answer 1

您使用!important来更具体：

div {
  border: 1px solid red;
}
.intro-description p {
   margin: 0 !important;
}

<div class="intro-description">
  <p>Test (without margin)</p>
</div>
<div>
  <p>Test (with margin)</p>
</div>

或者您可以使用更具体的CSS规则代替!important（推荐）：

[other elements here] div.intro-description p {
    margin: 0;
}

  

您可以在此处找到有关特异性的更多信息：https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity