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 /利潤第一款

回答

相關問題