将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 文本的那个。有人能解释一下我做错了什么吗？谢谢。

- bertassa

Answer 1

该 div 具有内联样式，其中包含 margin-top: 0px，这将覆盖您的样式表。

您需要删除或修改该内联样式，或者（如果必要，但不要告诉任何人我说了这句话）在您的样式表规则中添加 !important。

- RichieHindle

---

在20秒内...见鬼了 :) - What have you tried

Answer 2

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

我知道加上 !important 不是一个好习惯，但它可以帮助解决问题。

- Luke

Answer 3

某些东西正在为该div设置一些内联样式。您可以使用!important来覆盖它。

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

此外，由于该元素有一个id，您的css选择器可以简化为#primary而不是div#primary。

- Kevin Bowersox

Answer 4

我看到带有id为primary的div具有内联样式表。内联样式表优先于基于类的样式表。您的内联样式表具有margin-top:0px，这忽略了您基于类的样式。删除它，它就可以工作了。

- Bhavin

---

有没有其他覆盖内联样式的方法，因为我不想在文件中引入任何更改。 - bertassa

那么尝试修改/添加id为“content”的div的边距，这可能会带来同样的效果，另外我注意到你添加了自己的div#primary，这不起作用，因为在responsive.css的202行已经指定了样式表。建议您浏览样式表，首先查找要编辑的内容是否存在（大多数情况下都可用），如果没有，则在正确的位置添加您的样式表。 - Bhavin