[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]] 版) ]REFS] * 構文 [5] [[子供結合子]]の前後には[[空白]]を挿入できます。 * 歴史 ** [CODE(CSS)[(]] [REFS[ - [18] [CITE[Cascading Style Sheets: a draft specification]] ([TIME[1995-05-31 21:05:57 +09:00]] 版) - [21] [CITE[Cascading Style Sheets: a draft specification]] ([TIME[1995-07-05 16:06:10 +09:00]] 版) ]REFS] [19] 最初期の [[CSS]] には [CODE(CSS)[[[)]]]] が[[子供結合子]]の役割で含まれていました。 [22] >>21 では [CODE(CSS)[(]] と [CODE(CSS)[)]] で囲む構文も提案されています。 [20] この機能は後に一旦削除されます。 ** [CODE(CSS)[~]] [REFS[ - [9] [CITE[STSS 2]] ([[Daniel Glazman]] 著, [TIME[2000-09-09 01:13:50 +09:00]] 版) - [14] [CITE@en[Selectors]] ([TIME[1997-11-08 03:00:17 +09:00]] 版) ]REFS] [10] [[STTS2]] や [[CSS2]] の初期案では [CODE(CSS)[[[~]]]] を[[子供結合子]]として使うことが提案されていました。 ;; [15] [[子供結合子]]としての用途以外に、[[隣接兄弟結合子]]としての用途もありました。 ** [CODE(CSS)[>]] [REFS[ - [16] [CITE@en[Selectors]] ([TIME[2001-01-16 00:22:58 +09:00]] 版) - [7] [CITE@en[Selectors]] ([TIME[2011-06-07 22:09:52 +09:00]] 版) ]REFS] [17] [CODE(CSS)[[[>]]]] は >>14 の次の [[WD]] である >>16 が初出です。 [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]] 版) ]REFS] [12] [[XBL2]] は[[影木]]との関係を規定していました。 * 例 [EG[ [3] [[選択子]] [CODE(CSS)@en[h1 > em]] は [CODE(HTMLe)@en[h1]] [[要素]]の[[子要素]]である [CODE(HTMLe)@en[em]] [[要素]]を表します。間に他の[[要素]]が挟まっているものは表しません。 ]EG] * 関連 [4] [[子供]]だけでなく[[孫]]なども含めたいときは[[子孫結合子]]を使えます。