What is that thing between CSS "selectors" called?
As identified by Tom Haws, the operators between the simple selectors are called combinators. In CSS2 there were only three: +
, >
, and the space combinator.
- The space is the combinator used in a CSS descendent selector.
>
is the combinator used in a CSS child selector.+
is the combinator used in a CSS adjacent sibling selector.
In each case, the 'selector' is the full combination of the simple selectors and the combinators.
The range of valid combinators expanded, once CSS Selectors Level 3 was standardized, to include the ~
or "subsequent-sibling" combinator.
According to https://www.w3.org/TR/selectors-3/#combinators they are called "combinators".
>
(angle bracket or greater-than sign) = child combinator+
(plus mark) = adjacent sibling combinator~
(tilde) = general sibling combinator
The characters or whitespace between tag names are called combinators, see for example General Sibling combinator. These are >
and +
in your example.
The tags in your example are called simple selector in CSS2 and CSS3. If you would have a b c
that would be called sequence of simple selectors in CSS3 but simple selector in CSS2. The term simple selector does only refer to one element name in CSS3 such as a
in a b c
.
Or as the section Selector syntax states
A selector is a chain of one or more sequences of simple selectors separated by combinators.
a b c, d e f
is called the group of selectors where the group members are the selectors a b c
and d e f
. a b c
is a selector, or sequence of simple selectors, composed of the simple selectors a
, b
, c
combined by the combinator whitespace. The last sentence is only valid for CSS3.