[4] 結合子は、選択子の中にあって単純選択子列同士を区切るものであり、 単純選択子列によって一致させる要素同士の関係を指定するものです。

仕様書

結合子の種類

[5] 結合子には次の種類があります >>3。

構文

[6] 結合子と単純選択子列の間には空白を挿入できます >>3。

[1] 単純選択子列の間に空白の代わりに注釈を入れると、 Firefox 2 や Opera 9 では不正な選択子群として無視されますが、 WinIE 6 は子孫結合子として扱うようです。

https://suika.suikawiki.org/gate/2007/cssom/viewer?c=a%2F**%2Fb%20%20%7B%0A%20%20color%3A%20red%3B%0A%7D;h=%3Cp%3EAAAA%3C%2Fa%3E;p=n;x=style-element

(名無しさん)

[2] >>1 CSS 2 や CSS 2.1 の本文や CSS 2.1 の文法では空白が必要とされていました

IW:CSS2:"selector.html#descendant-selectors"

が、 CSS 2 の文法では空でもよい (= 注釈だけでよい) という矛盾した記述がなされていました。

IW:CSS2:"grammar.html#q1"

妥当性

[9] 結合子は、構文的に正しくなければ非妥当です。

歴史

CSS2

[11] CSS2 では子孫結合子、子供結合子、直接兄弟結合子が定義されていました。

  • [10] Selectors ( 版) http://www.w3.org/TR/CSS2/selector.html#combinator

選択子3

[12] 選択子3では間接兄弟結合子が追加されました。