CSS“选择器”之间的那个东西叫什么？答案

【问题标题】：What is that thing between CSS "selectors" called?CSS“选择器”之间的那个东西叫什么？
【发布时间】：2011-12-03 19:50:14
【问题描述】：

你怎么称呼这些：

正文 > p + p

在 CSS 选择器中？他们是：

关系运算符
基于职位的标准
还有别的吗？

我只是不知道该怎么称呼他们。有正式名称吗？

（另外，a b c, d e f 中的a b c 和a b c 中的a 是否有正式名称？）

【问题讨论】：

标签： css naming-conventions css-selectors naming

【解决方案1】：

根据https://www.w3.org/TR/selectors-3/#combinators，它们被称为“组合器”。

（空格字符）=后代组合器
>（尖括号或大于号）= 子组合子
+（加号）= 相邻兄弟组合子
~ (波浪号) = 通用兄弟组合子

【讨论】：

一点历史琐事：CSS1 中唯一存在的组合器是后代组合器。带有后代组合器的选择器称为contextual selectors；然而，组合器本身直到 CSS2 才收到名称；在 CSS1 中，它被简单地称为空白，在选择器语法中很重要。

【解决方案2】：

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

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

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

在CSS Selectors Level 3 标准化后，有效组合子的范围扩大到包括~ 或“subsequent-sibling”组合子。

【讨论】：

【解决方案3】：

标签名称之间的字符或空格称为组合符，例如General Sibling combinator。在您的示例中，它们是 > 和 +。

您示例中的标签在 CSS2 和 CSS3 中称为 简单选择器。如果您有a b c，在CSS3 中将被称为简单选择器序列，而在CSS2 中称为简单选择器。 简单选择器这一术语在 CSS3 中仅指代一个元素名称，例如 a b c 中的 a。

或如Selector syntax 部分所述

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

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

【讨论】：