いろいろなIDやクラスを選びたいです。例えば：
<div id="a b c d" class="e f g h i j ">Red text</div>
#a.#b.#c.#d.e.f.g.h.i.j{color:red;}
また試した：
#a#b#c#d.e.f.g.h.i.j{color:red;}
JSFIDDLE： http: //jsfiddle.net/vHvm9/
これは機能しません。CSSはそれほど多くの選択をサポートしていませんか、それとも私は何か間違ったことをしていますか？
CSS に関する限り、2 番目のセレクター#a#b#c#d.e.f.g.h.i.jは有効であり、理論的には CSS で複数の ID を持つ要素を一致させることができます。しかし、これが機能するのは、最初から DOM が要素に多くの ID を持つことを実際に許可している場合だけです。HTML では、スペースはクラス名のように ID 名を区切りません。HTML 要素は、属性で指定された ID を最大 1 つしか持つことができずid、その ID にスペースを含めることは想定されていません (とにかく、そのような不適切なマークアップをフィードした場合、ブラウザーは喜んでそれを受け取ります)。
他の方法で 1 つの要素に他の ID を割り当てることもできますが (これも DOM で許可されている場合)、複数の ID を持つことが何かを意味するあいまいなマークアップ言語を使用している場合を除いて、実用的な理由はまったくありません。
だから、あなたの質問に答えるために: あなたが間違っているのは、要素に複数の ID をまったく割り当てようとしていることです。値に空白を入れずに 1 つの ID を割り当て、その ID で選択するだけです。
Jan が指摘したように、単一の要素が HTML または XML で複数の ID を持つことはできません。
ただし、複数の ID をサポートするホスト言語 (CSS 用) が見つかった場合は、正しい CSS セレクターを使用する必要があります。
#a#b#c#d.e.f.g.h.i.j{color:red;}