CSS /利润第一款

http://www.ratest6.com/CSS /利润第一款

在右侧边栏“什么人都在说”上面下 - 的“告别赛”（它说“张曼玉......”）和第一段落的标题。我想删除个人证言和第一段的标题之间的空格（所以它看起来更像BR）。

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

我唯一看到的; 1.一般≥10造型（利润率底部18像素） 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;}

来源

2012-08-17 KBarnes

减少边距中的18px vlue。你会得到期望的结果。 – 2012-08-17 16:14:33

此外，虽然不需要使用SO，但当您拥有较高的接受率时，大多数用户更倾向于花时间提供高质量的答案。我建议通过并查看是否有人正确回答了您过去询问的问题。这有助于帮助你的人，并使人们更可能投入一些时间来回答你的问题。如果还有更多的答案，我不会花费任何时间来帮助丢失的接受％问题提问者。 – Jared 2012-08-17 16:17:39

你的样式规则没有得到应用，因为你的p不是第一个孩子，而是h4。你可以使用

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

不需要的-webkit-前缀属性。

来源

2012-08-17 16:15:13

我不认为支持该选择器是非常好的。 – 2012-08-17 16:21:55

关闭 - 规则实际上被应用于'p'块的'first-child'，它实际上并不存在。 – Hannele 2012-08-17 21:12:53

@Hannele不，看[规范：]（http://www.w3.org/TR/CSS2/selector.html#first-child）'p：first-child' does * not * select the first child的'p'，但是每个'p'块都是他父母的第一个孩子！如果你想要“p”块的第一个孩子（它确实不存在），你必须写'p：first-child'！ – 2012-08-18 11:10:57

-1

减少边距中的18px vlue。你会得到期望的结果。最好让它为零

margin:0;

来源

2012-08-17 16:15:15

不，18px低于该段落！ – 2012-08-17 16:17:16

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

使用这个工具，我可以看到你的H4标签被风格化这样的：

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

我能够通过使用负利润率，这样改变<h4>和<p>之间的空间：

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

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

来源

2012-08-17 16:21:10 dash

贾斯汀 - 是的，我使用Chrome检查器和Firebug。 – KBarnes 2012-08-17 18:25:17

CSS /利润第一款

回答

相关问题