このセレクタの呼び出し方法

Question

私はこの種のセレクタを発見しました。私はそれが魔法だと感じました！

あなたはcssに2つの単純なセレクタを組み合わせています。

.One {color: red;} 
 
.Two {color: blue} 
 
.One.Two {color: orange;}

<h2 class="One">One</h2> 
 
<h2 class="Two">Two</h2> 
 
<h2 class="One Two">One Two</h2>

合併セレクタ？結合セレクタ？揺れずに揺れますか？

さまざまなブラウザでサポートを確認したいと思います。

---

私は元の質問が嫌い人のために編集しています。

このセレクタは、CSS 3仕様の例では、https://www.w3.org/TR/css3-selectors/#class-htmlですが、名前はありません。 https://www.w3.org/TR/css3-selectors/#selectors

"and"セレクタ、 "adjacent"セレクタなどの名前があると思っています。例えば、http://caniuse.com/で互換性を探すときは、より具体的にする必要があります。

私は試行錯誤によって注文を変更するテストを行っています.1つまたは2つ.One.Two。具体的な文書は手元にあるでしょう。

Answer 1

セレクタレベル3 sequence of simple selectorsそれを呼び出す：

単純セレクタの配列はcombinatorによって分離されていないsimple selectorsの鎖です。この場合

単純セレクタclass selectors.Oneと.Twoあります。

.One.Twoもまた、その単純なセレクタのシーケンスによってのみ形成されるselectorである。

セレクタはcombinatorsで区切られた1つ以上のsequences of simple selectorsの鎖です。

.One.Twoも、そのセレクタによってのみ形成されたgroup of selectorsである。

コンマで区切られたセレクタのリストは、リスト内の個々のセレクタによって選択されたすべての要素の和集合を表します。単純なセレクタのシーケンスで

、順序は問題ではない：

を単純セレクタの単一配列からなるセレクタは、その要件を満たす任意の要素を表します。

従って.Two.Oneおよび.One.Twoは同等である。

Answer 2

.One.Two {color: orange;} 

これは、クラス1とクラス2の両方を次々と持つクラスを意味します。

これは、ここでは大きなポイントは、あなたがスペースを入れずに一緒にそれらのセレクタを糸引きによってクラスやIDの組み合わせを持っている要素を標的にすることができるということであるセレクタ

の組み合わせです。