css - CSS / 最初の段落の上の余白

Question

http://www.ratest6.com/

「What People Are Saying」の下の右側のサイドバー - 「証言」のタイトル (「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

以前に Google の検査ツールを使用したことがありますか? スタイルを表示したい要素を右クリックし、要素の検査を選択します。下部にボックスが表示され、ドキュメントの構造と各要素のスタイルが表示されます。

このツールを使用すると、h4 タグが次のようにスタイルされていることがわかります。

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

次のように、負のマージンを使用して<h4>と の間のスペースを変更することができました。<p>

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

あなたの問題を解決するかもしれないので、試してみてください。

Answer 3

余白の 18px vlue を減らします。望ましい結果が得られます。ゼロにした方がいい

margin:0;