[1] [[単純選択子列]]の間に[[空白]]だけを置くことによって表現される[DFN[[RUBYB[[[子孫結合子]]]@en[descendant combinator]]]]は、
前の[[単純選択子列]]によって表される[[要素]]の'''[[子孫]]'''であって後の[[単純選択子列]]で表される[[要素]]を表す[[結合子]]です。

* 仕様書

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

* 歴史

** CSS2

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

[7] [[CSS2]] までは[[単純選択子列]] ([[CSS2]] でいう[[単純選択子]]) の後に[[子孫結合子]]が続き、
更に[[単純選択子列]]が並ぶ列のことを[[子孫選択子]]と呼んでいました。

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

* 例

[EG[
[3] 例えば[[選択子]]
[PRE(CSS example code)[
h1 em
]PRE]
... は、 [CODE(HTMLe)@en[h1]] [[要素]]の[[子孫]] ([[子要素]]、[[孫要素]]、...)
である [CODE(HTMLe)@en[em]] [[要素]]を表します。

[4] [[子孫]]はあくまで1つの[[文書木]]の中での関係なので、例えば [CODE(HTMLe)@en[h1]]
[[要素]]の[[子孫]]に [CODE(HTMLe)@en[[[iframe]]]]
[[要素]]があってそこに含まれる[[文書]]に [CODE(HTMLe)@en[em]] [[要素]]があったとしても、
それはこの[[選択子]]とは一致しません。
]EG]

* 関連

[5] [[子供結合子]]は[[孫要素]]以下ではなく[[子要素]]にだけ一致させたい時に使うことができます。