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

Yukimi Sato 502views 更新:2014年4月18日

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>

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません