类的后代选择器

问题描述

| 我可以从本选集中很好地了解什么是基于元素/标记的子代选择器，它们是如何工作的以及为什么起作用以及出于什么目的。 但是后来我遇到了某些网站，该网站为锚点``0''定义了一个类名，该类名由多个用空格分隔的名称组成，例如

<a class=\"samename nav_item samename\" href=\"/messages/?refid=7\"> Text </a>

然后我发现它们也称为“后代选择器”，或者它们称为后代组合器？ 这是我停止理解的地方： 是“后裔”的第二种类型 选择器”与第一种类型相同吗？ 请问第二种\“后裔 选择器\“具有不同的名称， 可以帮助我区分它 从第一种类型开始 它？ 第二种类型的目的是什么 \“后代选择器\”？ 为什么在这样的例子中重复

samename

后代选择器？ 我们将不胜感激任何提示或指向我可以学习更多有关第二种类型的地方的指针。 编辑：下面的答复有助于使事情井井有条，特别是在适当的术语方面。我将尝试总结到目前为止的理解-首先尝试以各种方式回答上述问题，然后列出一些见解，希望它可以帮助将来像我这样的css外行： 第二种不是“后裔” 选择器\”，所以它不能 可能与第一个相同 类型。 目前第二种类型的名称 是

multiple class names assigned to the same tag

。 为每个元素分配多个类的一种用法是，然后可以链接类选择器，从而仅匹配列出所有类的元素，而不匹配具有一个或更少类的元素。 这很可能是编程错误/错误/错误（尽管我在非常著名的网站上发现了它）。 见解（如果发现错误，请更正）： 尽管写了什么 w3schools，一个班级（名称）是 不是选择器！选择器只能是HTML元素。 但是，CSS规则可能会引用 到HTML元素（或一组 HTML元素），按类名使用

.classname

符号。这个 符号被某些人称为 \“类选择器\”和这个 是我困惑的源头。它仅表示可以用于选择具有class属性的任何HTML元素。 CSS规则也可以引用HTML 元素（或一组HTML 元素）按元素ID，使用

#elementid

符号。这是一 完全不同的主题，但由于 一些人提到了这个符号 作为“ ID选择器”， 可能这可能是 混乱也是如此，所以 在这里提到。 在HTML中，\“ class \”是一个属性。在 CSS，它是一个“选择器聚合器”， 用于选择任何HTML元素 具有该类属性。 到目前为止，最好的CSS教程是 选集。     

解决方法

只有一个CSS后代选择器，即空格字符：

E F /* Selects any F that descends from (or is contained by) an E */

用空格分隔的类名只是在单个HTML 7属性中用空格分隔的多个类。

class

属性不是选择器，实际上甚至不是CSS的一部分。 但是，在某种程度上相关的注释中，每个元素列出多个类的一种用法是，您可以随后链接类选择器，这样，只有列出了所有类的元素才被匹配，而不是具有一个或更少类的元素被匹配。例如：

.samename.nav_item /* Selects only elements that have both classes */

至于为什么在给定的HTML中重复“ 2”，我不知道。就像只有一个

samename

类。     ,在您的示例中，标记实际上具有几个不同的类（出于某种原因，其中一个列出了两次）。 在CSS代码中，我们将使用空格分隔后代选择符，但在HTML中，它仅允许我们将多个类放在同一组括号中。