CSS“选择器”之间叫什么东西？

Question

您如何称呼 这些 ：

body > p + 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，他们被称为“组合者”。

感谢Duncan Babbage指出其中只有三个：

1. space character = descendant
2. > = child
3. +加上mark =相邻的下一个（下一个）兄弟
4. CSS3添加了一个代字号~ =一般跟随兄弟

Answer 2

正如Tom Haws所指出的，简单选择器之间的运算符称为combinators。在CSS2中，只有三个：+，>和空间组合。

• 空格是CSS descendent selector中使用的组合子。
• >是CSS child selector中使用的组合子。
• +是CSS adjacent sibling selector中使用的组合子。

在每种情况下，'selector'是简单选择器和组合器的完整组合。

建议扩展有效CSS3 combinators的范围。

Answer 3

标记名称之间的字符或空格称为组合子，例如参见General Sibling combinator。在您的示例中，这些是>和+。

示例中的标记在CSS2和CSS3中称为简单选择器。如果你有a b c在CSS3中被称为简单选择器的序列，而在CSS2中有简单选择器。术语简单选择器仅引用CSS3中的一个元素名称，例如a中的a b c。

或Selector syntax部分说明

  

选择器是由组合子分隔的一个或多个简单选择器序列的链。

a b c, d e f称为group of selectors，其中组成员是选择器a b c和d e f。 a b c是选择器或简单选择器序列，由简单选择器 a组成，{{1 }，b由组合器空格组合而成。最后一句仅对CSS3有效。