Как называется эта штука между «селекторами» CSS?

Question

Что вы называете эти :

body <strong><em>></em></strong> p <strong><em>+</em></strong> p

в селекторе CSS? Являются ли они:

• Реляционные операторы
• Позиционные критерии
• Что-то еще?

Я просто понятия не имею, как их назвать. Есть ли официальное название?

(И, кроме того, существуют ли официальные названия a b c в a b c, d e f и a в a b c?)

Answer 1

Согласно http://www.w3.org/TR/CSS2/selector.html#selector-syntax их называют "комбинаторами".

Спасибо Дункану Бэббиджу за то, что он указал (или был) только три из них:

1. пробел = потомок
2. > = ребенок
3. + знак плюс = соседний следующий (следующий) брат
4. И CSS3 добавляет тильду ~ = общий следующий брат / сестра

Answer 2

Как определил Том Хоус, операторы между простыми селекторами называются комбинаторами . В CSS2 их всего три: +, > и комбинатор пробелов.

• Пробел - это комбинатор, используемый в селекторе потомков CSS .
• > - комбинатор, используемый в дочернем селекторе CSS .
• + - комбинатор, используемый в селекторе смежных сибсов .

В каждом случае «селектор» - это полная комбинация простых селекторов и комбинаторов.

Диапазон действительных CSS3 комбинаторов предлагается расширить.

Answer 3

Символы или пробелы между именами тегов называются комбинаторами, см., Например, General Sibling combinator .Это > и + в вашем примере.

Теги в вашем примере называются simple selector в CSS2 и CSS3.Если у вас будет a b c, это будет называться последовательность простых селекторов в CSS3, но простой селектор в CSS2.Термин простой селектор относится только к одному имени элемента в CSS3, например a в a b c.

Или как раздел Синтаксис селектора состояния

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

a b c, d e f называется группой селекторов , где члены группы являются селекторами a b c и d e f.a b c - это селектор или последовательность простых селекторов , состоящая из простых селекторов a, b, c, объединенных комбинатор пробел.Последнее предложение действительно только для CSS3.