CSS 语法/命名法

Question

我知道 CSS 是如何工作的，但我不确定如何调用“选择器”的每个组件。我搜索得越多，我就越困惑。每个网站都有不同的观点，或者他们只是把所有东西都称为同一个东西。

我们以以下为例：

div#parent.class > div#child.class, div#otherId.class

---

每个部分叫什么？

1. 整件事

   div#parent.class > div#child.class, div#otherId.class

2. 1的每一部分（用逗号分隔）

   div#parent.class > div#child.class 和 div#otherId.class

3. 2的每一部分（由组合符分隔，例如>）

   div#parent.class、div#child.class 和 div#otherId.class

4. 3

   的各个部分

   div、#parent、.class 等等。

---

人们通常不关心它，并称它们为“选择器”。但是选择器不能由选择器组成，选择器也是由更小的选择器组成的……

其他网站试图定义它们，但事情变得更加混乱：

• 数字 1 被称为“选择器组”
• 2 号作为“选择器”。如果您调用 1 个“选择器组”是有意义的
• 他们没有定义数字 3
• 每种类型的 4 都有其名称（例如 ID 选择器、类选择器、属性选择器等）

没有约定/官方定义吗？我陷入了需要将它们存储在变量中的情况，但我不知道如何调用它们中的每一个......

Answer 1

Selectors 3 规范如您所愿。

3 被称为sequence of simple selectors

4 的统称是“简单选择器”。

---

但是Selectors 4 draft spec changes the terminology 有点。那里：

1 = "选择器列表"

2 = "复杂选择器"

3 = "复合选择器"

4 = "简单选择器"