这种 CSS 声明“.myClass div”的正确术语是什么？答案

【问题标题】：What is the correct terminology for this kind of CSS declaration ".myClass div"?这种 CSS 声明“.myClass div”的正确术语是什么？
【发布时间】：2012-04-13 05:52:06
【问题描述】：

在引用包含 CSS 组合符的 CSS 声明时，正确的术语是什么，例如：

.myClass div { ... }

这里我使用了一个声明，它将样式应用于类myClass的元素内的所有div元素。

但这无关紧要。我有兴趣了解提及父选择器的声明的正确术语。

但是这种声明的正确术语是什么？

【问题讨论】：

另一个有用的资源：@987654321@

标签： css terminology

【解决方案1】：

它们被称为后代选择器：

http://www.w3.org/TR/CSS2/selector.html#descendant-selectors

后代选择器由两个或多个选择器组成白色空间。 “A B”形式的后代选择器匹配时元素 B 是某个祖先元素 A 的任意后代。

【讨论】：

【解决方案2】：

它们被称为后代选择器，see here for more information 和其他术语

以防万一 W3 网站出现故障 ;) 以下是重要部分：

有时，作者可能希望选择器匹配一个元素文档树中另一个元素的后代（例如，“匹配那些 H1 元素所包含的 EM 元素")。

后代选择器在模式中表达了这种关系。一个后代选择器由两个或多个用空格分隔的选择器组成。当元素 B 被匹配时，“A B”形式的后代选择器匹配某个祖先元素 A 的任意后代。

示例（也引用自上面链接的网站）：

例如，考虑以下规则：

h1 { color: red }
em { color: red }

虽然这些规则的目的是通过改变文本的颜色来强调文本，但在以下情况下效果会丢失：

<H1>This headline is <EM>very</EM> important</H1>

我们通过在前面的规则中补充一条规则来解决这种情况，即每当 EM 出现在 H1 中的任何位置时，都将文本颜色设置为蓝色：

h1 { color: red }
em { color: red }
h1 em { color: blue }

【讨论】：