Question

任何人都可以告诉我我在哪里出错，我之前很容易找到段落和标题，但由于某种原因无法移动段落＆＃39;走上步行道后...... ＃39;越接近h2标题＆＃39;女士海滩本地视图＆＃39;（这些都位于链接页面的底部）

问题似乎在于h2标题标记的行高和边距底部属性，因此我尝试重写两者以缩小差距 - 可以在CSS中看到 - 但差距仍然存在。知道为什么CSS没有修复差距吗？感谢

这是我尝试使用的CSS：

.betta h2 {
margin-bottom: 0px;
font-weight: 300;
line-height: 1.00em;
letter-spacing: 1px;
}

h1, h2, h3, h4, h5, h6 span {
margin-bottom:0px;
font-family:"Oswald", sans-serif;
font-weight:300;
line-height:1.00em;
letter-spacing:1px;
}

这是页面链接，问题部分位于页面底部，谢谢。

http://dbtest.destinationballybunion.ie/?page_id=4952

Answer 1

看起来你有这个margin-bototm：18px设置在这里..

/wp-content/themes/pinboard/style.css第120行

我不知道这是否与您当前尝试使用的样式表相同，但您可以通过在同一文档中使用相同/更多的类/类来覆盖它;或者，在你的头脑中包含你想要的样式表。

Answer 2

看起来位于头部的css工作不正常，因此！important不起作用（即使没有必要，因为它位于样式表调用下）。但是，如果您将以下代码放在style.css的末尾，它就可以正常工作。

.betta h2 {
   margin-bottom: 0px;
}

我也注意到你头脑中有几个部分，也许是可能导致冲突的部分。我建议将它们分组，并将它们放在一个单独的工作表中，并在style.css的末尾使用@import，可以在这里看到如何执行此操作的链接：https://developer.mozilla.org/en/docs/Web/CSS/@import

Answer 3

问题在网站上显示为现在，与保证金无关，但与行高有关。尝试设置

.betta h2 { line-height: 1; }

不是1em。

您的HTML也设置为span内的h2。

h2 line-height基础由应用于font-size: 60px;的{{1}}设置，但h2并未反映此情况。如果您要调整此属性，请从span中删除font-size属性。

您可能还想将h2更改为verticle-align: baseline;。

Answer 4

您可以使用!important覆盖。例如：

h2 {
  margin-bottom: 0px !important;
}

无法覆盖CSS中的h2属性

4 个答案: