이 선택기가 어떻게 호출됩니까?

Question

방금 ​​이런 종류의 선택기를 발견했습니다. 나는 그것이 마술이라고 느꼈다!

CSS에 두 개의 간단한 선택기를 넣으면됩니다.

.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"selector, "adjacent"selector 등의 이름이 있으면 생각하고 있습니다. http://caniuse.com/과 같이 호환성을 찾는 경우보다 구체적으로 설명해야합니다.

예를 들어 테스트 순서를 변경하려고합니다. 시행 착오를 통해 하나 또는 둘 중 하나를 선택합니다. 구체적인 문서는 손에 꼽을 수 있습니다.

Answer 1

선택기 레벨 3 그것을 sequence of simple selectors를 호출 간단한 선택기의

시퀀스는 combinator 의해 분리되지 simple selectors 체인이다. 이 경우

는 간단한 선택기는 class selectors.One 및 .Two이다.

.One.Two 또한 간단한 선택자의 시퀀스에 의해 형성되는 selector입니다.

선택기는 combinators 의해 분리 된 하나 이상의 sequences of simple selectors 체인이다.

.One.Two 또한 그 선택자에 의해서만 형성된다.

쉼표로 구분 된 선택기 목록은 목록의 개별 선택기에서 선택한 모든 요소의 합집합을 나타냅니다.간단한 선택기 시퀀스

이 순서는 중요하지 않다 :

간단한 선택기의 단일 서열로 이루어지는 선택기는 요구를 만족하는 임의의 원소를 나타낸다.

따라서 .Two.One과 .One.Two은 동일합니다.

Answer 2

.One.Two {color: orange;} 

이것은 클래스 1과 2가 차례로 나오는 클래스를 의미합니다.

이 여기에 큰 포인트는 공백없이 함께 그 선택기를 속이는에 의해 클래스와 ID의 조합이 요소를 타겟팅 할 수 있다는 것입니다 선택기

의 조합입니다.