什么是这些CSS ...'标题/选择器'被称为？

Question

所以写CSS的时候，我经常看到有人或网站有事情像

.img > border > div > #select {color:white} 

既然我已经开始网络的发展，我只用...单一的CSS类。

我不确定这是完全正确的，但基本上它们都是连接的。

这种技术的名称是什么？你们有什么有用的资源可以阅读吗？ 我曾尝试过Google，但我根本不知道如何在Google上发布这条消息。

Answer 1

整个序列.img > border > div > #select通常简称为selector，因为它是CSS规则的一部分，用于选择要应用规则的元素。然而，专门用于选择器的整个specification; CSS只是描述了CSS规则中选择器的作用。

>是一个组合子，特别是child combinator。组合器用于表示两个元素之间的关系，在这种情况下是亲子关系：.parent > .child。其余的.img,border,div和#select均为各种类型的simple selectors。

典型的选择器由简单的选择器和组合器组成。你可以有一个选择器，只有一个简单的选择器.child，多个简单的选择器div.child，组合器​​3210，或这些的任意组合。

Answer 2

它们被称为CSS选择器。 在这里看到： MDN

Answer 3

这是一个selector，并表示它适用于HTML文档元素的层次结构，即

一类图像的具有己其中有选择的ID的DIV边框，适用白色的颜色。

Answer 4

>符号本质上是一种指定元素属于父元素的方式。在你的情况下，id为“select”的元素有一个父元素，它是一个具有边界的父元素，该元素具有一个“img”类的父元素。更多信息here。

Answer 5

这些被称为儿童选择器。

它覆盖在W3 specification，整个指南本身是一个很好的资源和简单的例子。

Answer 6

这里是您所提供

.img > border > div > #select {color:white} 

以上CSS是选择的层次结构中，该规则适用于#selector就是div标签，标签边框内选择一个简单和简要说明，并类的.img

例如

<img class="img"><border><div><div id='select'>some content</div></div></border></img> 

这里应用上述CSS规则。同样的规则可以如下

element>element 
selector>selector 
element>selector 
selector>element 

欲了解更多信息，检查了这一点http://www.w3schools.com/cssref/css_selectors.asp

希望这有助于创造！