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

时间:2012-03-29 14:48:39

标签: css terminology

引用包含CSS组合器的CSS声明时,正确的术语是什么,例如:

.myClass div { ... }

这里我使用的声明将样式应用于具有类div的元素内的所有myClass元素。

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

但是这种宣言的正确术语是什么?

2 个答案:

答案 0 :(得分:6)

他们被称为后代选择器

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

  

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

答案 1 :(得分:4)

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

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

  

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

     

后代选择器以模式表达这种关系。后代   选择器由两个或多个由空格分隔的选择器组成。   形式为“A B”的后代选择器与元素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 }