css - CSS /第一段上方的边距

Question

http://www.ratest6.com/

在“人们在说什么”下的右侧边栏中 - “推荐”的标题（上面写着“Maggie ...”）和第一段。我想删除个人推荐的标题和第一段之间的空格（所以它看起来更像是 BR）。

我找不到或摆脱 h4 和第一段之间的空格。

我唯一看到的；1. 通用 P 样式（底部边距 18px） 2. 具有“用户代理”样式

p { -webkit-margin-before: 1em; -webkit-margin-after: 1em;}

所以我写了这个（它什么也没做）；

div.textwidget p:first-child {margin: 0 0 18px 0; padding:0; -webkit-margin-before: 0;}

Answer 1

您的样式规则不会被应用，因为您p不是第一个孩子，而是h4. 你可以使用

div.textwidget h4 + p {
margin: 0 0 18px 0;
}

-webkit-不需要前缀属性。

Answer 2

你以前用过谷歌的检查工具吗？您可以右键单击要查看样式的元素，然后选择检查元素。这将在底部弹出一个框，向您显示文档的结构，以及每个元素的样式。

使用这个工具，我可以看到你的 h4 标签的样式是这样的：

h4.widget-title {
    margin:0;
    padding:0;
}

我能够通过使用负边距来更改 the<h4>和 the之间的空间，如下所示：<p>

h4.widget-title {
    margin-bottom:-10px;
    padding:0;
}

只是尝试一下，因为它可能会解决您的问题。

Answer 3

减少边距中的 18px vlue。你会得到想要的结果。最好把它归零

margin:0;