Simple HTMLHTMLリファレンス

Main Menu

おすすめリンク

Site Info.

HTMLリファレンス

CSSリファレンス

その他の記事

CSSリファレンス インデックス

スポンサーリンク

CSSリファレンス

演算子CombinatorTOPCSSSelectorCombinator

  1. E F文脈セレクタ
  2. E > F子セレクタ
  3. E + F隣接セレクタ

E1 + E2 (隣接セレクタ)Adjacent sibling selector

複数セレクタを演算子+で区切ります。E1と同階層(同じ親要素)にあり、かつ隣接しているE2にマッチします。サンプルの演算子の前後には見やすくするために半角スペースを挿入していますが、実際の記述においては半角スペースの有無はどちらでも構いません。

h1 + p {color: red;}		E1+E2の条件式
<div>
	<h1>L1 Header</h1>	E1
	<p>Paragraph……</p>	E1と同階層かつ隣接しているE2
	<p>Paragraph……</p>
</div>
スポンサーリンク
Copyright (C) 2010 Simple HTML. All Rights Reserved.