Simple HTMLHTMLリファレンス

Main Menu

おすすめリンク

Site Info.

HTMLリファレンス

CSSリファレンス

その他の記事

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

スポンサーリンク

CSSリファレンス

演算子CombinatorTOPCSSSelectorCombinator

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

E1 > E2 (子セレクタ)Child selector

複数セレクタを演算子>で区切ります。E1要素の直下の子要素であるE2要素にマッチします。サンプルでは、divの子要素であるp要素に含まれるspan要素を対象としています。演算子の前後には見やすくするために半角スペースを挿入していますが、実際の記述においては半角スペースの有無はどちらでも構いません。

div > p > span {color: red;}			E1>E2>E3の条件式
<div>
	<h1>L1 Header</h1>
	<p>Paragraph…<span>text</span>…</p>	E1>E2>E3 の条件を満たす
	<ul>
	<li>List item 1…<span>text</span>…</li>
	<li>List item 2………</li>
	</ul>
</div>
スポンサーリンク
Copyright (C) 2010 Simple HTML. All Rights Reserved.