CSS /保证金高于第一段

Question

http://www.ratest6.com/

在＆＃34;人们在说什么＆＃34;的右侧边栏。 - ＆＃39;推荐书的标题＆＃39; （表示＆＃34; Maggie ......＆＃34;）和第一段。我想删除个人推荐标题和第一段之间的空格（因此它看起来更像是BR）。

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

我唯一看到的东西; 1.一般P造型（保证金底部18px） 2.用户代理＆＃39;具有

的样式

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

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

使用此工具，我可以看到您的h4标签的样式如下：

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

我可以使用负边距更改<h4>和<p>之间的空格，如下所示：

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

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

Answer 3

减少保证金中的18px值。你会得到理想的结果。最好使其为零

margin:0;