在CSS中将margin-top更改为div

Question

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

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

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

Answer 1

div具有margin-top: 0px的内嵌样式，它会覆盖您的样式表。

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

Answer 2

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

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

Answer 3

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

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

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

Answer 4

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