| 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 |
|
|
** CSS2
|
| 17 |
|
|
|
| 18 |
|
|
[REFS[
|
| 19 |
|
|
- [7] [CITE@en[Selectors]] ([TIME[2011-06-07 22:09:52 +09:00]] 版) <http://www.w3.org/TR/CSS2/selector.html#child-selectors>
|
| 20 |
|
|
]REFS]
|
| 21 |
|
|
|
| 22 |
|
|
[6] [[CSS2]] までは[[単純選択子列]] ([[CSS2]] でいう[[単純選択子]]) の後に[[子供結合子]]が続き、
|
| 23 |
|
|
更に[[単純選択子列]]が続く列のことを[DFN[[RUBYB[[[子供選択子]]]@en[child selector]]]]と呼んでいました。
|
| 24 |
|
|
|
| 25 |
|
|
;; [8] [[選択子3]]ではこの用語は使われていません。
|
| 26 |
|
|
|
| 27 |
wakaba |
1.2 |
* 例
|
| 28 |
|
|
|
| 29 |
|
|
[EG[
|
| 30 |
|
|
[3] [[選択子]] [CODE(CSS)@en[h1 > em]] は [CODE(HTMLe)@en[h1]] [[要素]]の[[子要素]]である
|
| 31 |
|
|
[CODE(HTMLe)@en[em]] [[要素]]を表します。間に他の[[要素]]が挟まっているものは表しません。
|
| 32 |
|
|
]EG]
|
| 33 |
|
|
|
| 34 |
|
|
* 関連
|
| 35 |
|
|
|
| 36 |
|
|
[4] [[子供]]だけでなく[[孫]]なども含めたいときは[[子孫結合子]]を使えます。 |
Parent Directory
| 
Revision Log