1 |
wakaba |
1.2 |
[1] [DFN[[RUBYB[[[子供結合子]]]@en[child combinator]]]] ([DFN[[CODE(CSS)[[[>]]]]]]) は、
|
2 |
|
|
前の[[単純選択子列]]によって表される[[要素]]の[[子供]]である、後の[[単純選択子列]]によって表される[[要素]]を表す[[結合子]]です。
|
3 |
|
|
|
4 |
|
|
* 仕様書
|
5 |
|
|
|
6 |
|
|
[REFS[
|
7 |
|
|
- [2] [CITE@en[Selectors Level 3]] ([TIME[2011-09-29 22:16:17 +09:00]] 版) <http://www.w3.org/TR/selectors/#child-combinators>
|
8 |
|
|
]REFS]
|
9 |
|
|
|
10 |
|
|
* 構文
|
11 |
|
|
|
12 |
|
|
[5] [[子供結合子]]の前後には[[空白]]を挿入できます。
|
13 |
|
|
|
14 |
wakaba |
1.3 |
* 歴史
|
15 |
|
|
|
16 |
wakaba |
1.4 |
** STTS2
|
17 |
|
|
|
18 |
|
|
[REFS[
|
19 |
|
|
- [9] [CITE[STSS 2]] ([[Daniel Glazman]] 著, [TIME[2000-09-09 01:13:50 +09:00]] 版) <http://www.w3.org/TR/NOTE-stts2-971017#Parent>
|
20 |
|
|
]REFS]
|
21 |
|
|
|
22 |
|
|
[10] [[STTS2]] では [CODE(CSS)[[[~]]]] を[[子供結合子]]として使うことが提案されていました。
|
23 |
|
|
|
24 |
wakaba |
1.3 |
** CSS2
|
25 |
|
|
|
26 |
|
|
[REFS[
|
27 |
|
|
- [7] [CITE@en[Selectors]] ([TIME[2011-06-07 22:09:52 +09:00]] 版) <http://www.w3.org/TR/CSS2/selector.html#child-selectors>
|
28 |
|
|
]REFS]
|
29 |
|
|
|
30 |
|
|
[6] [[CSS2]] までは[[単純選択子列]] ([[CSS2]] でいう[[単純選択子]]) の後に[[子供結合子]]が続き、
|
31 |
|
|
更に[[単純選択子列]]が続く列のことを[DFN[[RUBYB[[[子供選択子]]]@en[child selector]]]]と呼んでいました。
|
32 |
|
|
|
33 |
|
|
;; [8] [[選択子3]]ではこの用語は使われていません。
|
34 |
|
|
|
35 |
wakaba |
1.5 |
** 選択子3
|
36 |
|
|
|
37 |
|
|
[13] [[選択子3]]でも[[子供結合子]]は定義されていました。
|
38 |
|
|
|
39 |
|
|
** XBL2
|
40 |
|
|
|
41 |
|
|
[REFS[
|
42 |
|
|
- [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>
|
43 |
|
|
]REFS]
|
44 |
|
|
|
45 |
|
|
[12] [[XBL2]] は[[影木]]との関係を規定していました。
|
46 |
|
|
|
47 |
wakaba |
1.2 |
* 例
|
48 |
|
|
|
49 |
|
|
[EG[
|
50 |
|
|
[3] [[選択子]] [CODE(CSS)@en[h1 > em]] は [CODE(HTMLe)@en[h1]] [[要素]]の[[子要素]]である
|
51 |
|
|
[CODE(HTMLe)@en[em]] [[要素]]を表します。間に他の[[要素]]が挟まっているものは表しません。
|
52 |
|
|
]EG]
|
53 |
|
|
|
54 |
|
|
* 関連
|
55 |
|
|
|
56 |
|
|
[4] [[子供]]だけでなく[[孫]]なども含めたいときは[[子孫結合子]]を使えます。 |