Как вызывается этот селектор?

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

Я думаю, если у него есть какое-то имя, например, «и» селектор, «смежный» селектор или что-то в этом роде. При поиске совместимости, например, в http://caniuse.com/, нужно быть более конкретным.

Я делаю, например, тесты, меняющие порядок. Два. Один против одного. Два раза проб и ошибок. Конкретная документация будет ручным.

Answer 1

Селекторы Уровень 3 называет его sequence of simple selectors:

последовательность простых селекторов представляет собой цепь simple selectors, которые не отделены друг от друга combinator.

В этом случае простые селекторы являются class selectors.One и .Two.

.One.Two также является selector, образованным только этой последовательностью простых селекторов.

селектор представляет собой цепь из одного или более sequences of simple selectors разделены combinators.

.One.Two также является group of selectors, образованным только этим селектором.

Список селекторов, разделенных запятыми, представляет собой объединение всех элементов, выбранных каждым из отдельных селекторов в списке.

В последовательности простых селекторов, порядок не имеет значения:

селектор, состоящий из одной последовательности простых селекторов представляет собой любой элемент, удовлетворяющий его требованиям.

так .Two.One и .One.Two эквивалентны.

Answer 2

.One.Two {color: orange;} 

Это означает класс, который будет иметь классы Class One и Two один за другим.

Это сочетание селекторов

Большой моментом здесь является то, что вы можете ориентировать элементы, которые имеют комбинации классов и идентификаторов, натягивая эти селекторы вместе без пробелов.