[1] [DFN[[RUBYB[[[子供結合子]]]@en[child combinator]]]] ([DFN[[CODE(CSS)[[[>]]]]]]) は、
前の[[単純選択子列]]によって表される[[要素]]の[[子供]]である、後の[[単純選択子列]]によって表される[[要素]]を表す[[結合子]]です。

* 仕様書

[REFS[
- [2] [CITE@en[Selectors Level 3]] ([TIME[2011-09-29 22:16:17 +09:00]] 版) <http://www.w3.org/TR/selectors/#child-combinators>
]REFS]

* 構文

[5] [[子供結合子]]の前後には[[空白]]を挿入できます。

* 歴史

** STTS2

[REFS[
- [9] [CITE[STSS 2]] ([[Daniel Glazman]] 著, [TIME[2000-09-09 01:13:50 +09:00]] 版) <http://www.w3.org/TR/NOTE-stts2-971017#Parent>
]REFS]

[10] [[STTS2]] では [CODE(CSS)[[[~]]]] を[[子供結合子]]として使うことが提案されていました。

** CSS2

[REFS[
- [7] [CITE@en[Selectors]] ([TIME[2011-06-07 22:09:52 +09:00]] 版) <http://www.w3.org/TR/CSS2/selector.html#child-selectors>
]REFS]

[6] [[CSS2]] までは[[単純選択子列]] ([[CSS2]] でいう[[単純選択子]]) の後に[[子供結合子]]が続き、
更に[[単純選択子列]]が続く列のことを[DFN[[RUBYB[[[子供選択子]]]@en[child selector]]]]と呼んでいました。

;; [8] [[選択子3]]ではこの用語は使われていません。

** 選択子3

[13] [[選択子3]]でも[[子供結合子]]は定義されていました。

** XBL2

[REFS[
- [11] [CITE@en-US[XBL 2.0]] ([TIME[2010-09-03 10:10:02 +09:00]] 版) <http://dev.w3.org/2006/xbl2/Overview.html#selectors-and-shadow-scopes>
]REFS]

[12] [[XBL2]] は[[影木]]との関係を規定していました。

* 例

[EG[
[3] [[選択子]] [CODE(CSS)@en[h1 > em]] は [CODE(HTMLe)@en[h1]] [[要素]]の[[子要素]]である
[CODE(HTMLe)@en[em]] [[要素]]を表します。間に他の[[要素]]が挟まっているものは表しません。
]EG]

* 関連

[4] [[子供]]だけでなく[[孫]]なども含めたいときは[[子孫結合子]]を使えます。