html - 这些 CSS ...“标题/选择器”叫什么？

Question

所以在写 CSS 时，我经常看到人们或网站有类似的东西

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

自从我开始 Web 开发以来，我只使用过……单个 CSS 类。

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

这种技术的名称是什么，你们有什么有用的资源我可以读到吗？我确实尝试过用谷歌搜索这个，但我根本不知道如何在谷歌上说这个。

score 2 · Accepted Answer

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

>是一个组合器，特别是子组合器。组合子用于表达两个元素之间的关系，在这种情况下是父子关系：.parent > .child. 其余的、、、和.img都是border各种简单的选择器。div#select

典型的选择器由简单的选择器和组合器组成。您可以拥有一个只有一个简单选择器.child、多个简单选择器div.child、组合器#parent > div.child或它们的任意组合的选择器。

score 1 · Accepted Answer

它是一个选择器，代表它适用的 HTML 文档元素层次结构，即

一类具有边框的图像，该边框具有一个 ID 为 select 的 div，应用白色。

score 1 · Accepted Answer

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

score 1 · Accepted Answer

这些被称为子选择器。

它包含在W3 规范中，整个指南本身就是一个很好的资源，带有简单的示例。

score 0 · Accepted Answer

0

它们被称为 CSS 选择器。见这里： MDN

于 2013-10-05T04:37:10.323 回答

score 0 · Accepted Answer

这是您提供的选择器的简单简要说明

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

上面的 CSS 是选择器的层次结构，其中规则适用于 div 标签、边框标签和类 .img 内的#selector

例如

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

这里应用了上面的 CSS 规则。类似的规则可以创建如下

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

希望这可以帮助！

6 回答 6