css - CSS: H1 の直後の H2 の下マージン

Question

h1 と h2 が互いに直接続く場合に備えて、H1 にマージン下部 (または H2 マージン上部) を追加する方法を探しています。したがって、ケース #1 では通常のマージンを適用する必要がありますが、ケース #2 ではマージンを少し変更したいと思います (H1 と H2 の間により多くの「空気」を与えるため)。h1 h2 {margin...} および h1>h2 {margin...} を使用してみましたが、これまでのところ成功していません。

ケース #1

<h1>heading 1</h1>
<p>text</p>
<h2>heading 2</h2>
<p>text</p>

ケース＃2

<h1>heading 1</h1>
<h2>heading 2</h2>
<p>text</p>

Answer 1

h1 + h2 {
  margin: whatever;
}

+ セレクターは隣接するセレクターです。前の要素に隣接する要素にのみ影響します。

Answer 2

次のようなものを試してください：

h1+h2{
   margin-top:10px;
}

隣接するセレクターを使用します。ブラウザーの互換性情報については、 http://www.quirksmode.org/css/selectors/を参照してください。</p>