「A + B」で隣の要素にのみ指定できるCSSセレクタ

CSSでは「.A」、「#A」、「#A > B」といったセレクタを使って記述していきますが、今回はあまり使ったことのなかった「A + B」というセレクタを紹介します。

H2に隣り合ったPにのみ赤字スタイルが適用される、といった指定を書きます。

見本はこちら
http://jsdo.it/Yukimi.Sato/foHj

CSS

h2 + p{
color:red;
}

HTML

<p>適用されません。</p>
<h2>H2見出し</h2>
<p>このテキストには適用されます。</p>
<p>適用されません。</p>
<p>適用されません。</p>