引用包含CSS组合器的CSS声明时,正确的术语是什么,例如:
.myClass div { ... }
这里我使用的声明将样式应用于具有类div
的元素内的所有myClass
元素。
但这无关紧要。我有兴趣知道提及父选择器的声明的正确术语。
但是这种宣言的正确术语是什么?
答案 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 }