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 选择器、Class 选择器、属性选择器等）

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

Answer 1

Selectors 3 规范如您所愿。

3 称为 sequence of simple selectors

4的统称是"simple selector"。

---

不过Selectors 4 draft spec changes the terminology有点。那里：

1 = "Selector list"

2 = "Complex selector"

3 = "Compound selector"

4 = "Simple selector"