css - 在 CSS 中将 margin-top 更改为 div

Question

我正在尝试更改 WordPress 主题中 div 的 margin-top 属性，但它似乎不起作用。我在自定义 CSS 样式表中添加了以下行：

 div#primary {
     display: block;
     margin-top:50px;
   }

但是，我要更改其属性的 div 不会向下移动。该示例可以在以下 URL 中找到：http ://who.designbond.co.uk/contact-2/ 我需要向下移动的 div 是包含 Phylosophy 文本的那个。谁能向我解释我做错了什么？谢谢

score 4 · Accepted Answer

它div有一个内联样式margin-top: 0px，它覆盖了您的样式表。

您需要删除或修改该内联样式，或者（在紧要关头，不要告诉任何人我说过这个）添加!important到您的样式表规则中）。

score 3 · Accepted Answer

div#primary {
     display: block;
     margin-top:50px !important;
}

我知道这不是一件好事（添加！important），但它可以提供帮助。

score 2 · Accepted Answer

有些东西正在那个 div 上设置一些内联样式。您可以使用覆盖它!important。

#primary {
    margin-top: 50px !important;
}

此外，由于该元素上有一个 id，因此您可以将 css 选择器简化#primary为div#primary

score 2 · Accepted Answer

我看到 id 为主要的 div 有一个行内样式表。内联样式表优先于基于类的样式表。您的内联样式表有 margin-top:0px，它忽略了基于类的样式。删除它，它会工作。

4 回答 4