html – 类中的后代选择器

概述从这个 Selectutorial我可以很好地理解基于元素/标签的后代选择器是什么,它们的工作方式和原因以及用途. 但后来我遇到了某些网站,这些网站定义了锚点的类名< a>它由几个由空格分隔的名称组成,例如 <a class="samename nav_item samename" href="/messages/?refid=7"> Text </a> 然后我发现这些也被称为“descendan 从这个 Selectutorial我可以很好地理解基于元素/标签的后代选择器是什么,它们的工作方式和原因以及用途.

但后来我遇到了某些网站,这些网站定义了锚点的类名< a>它由几个由空格分隔的名称组成,例如

<a  href="/messages/?refID=7"> Text </a>

然后我发现这些也被称为“descendant selectors” – 或者它们被称为descendant combinators？

这是我不理解的地方：

>是第二种类型的“后裔”
选择器“与第一类相同？
>第二种类型的“后代
选择者“有一个different name,
这可以帮助我区分它
从第一种类型来看
它？
>第二种类型的目的是什么？
“后代选择者”？
>为什么要重复同名
后代选择器？

任何提示或指向我可以了解更多关于这第二类的地方将非常感激.

编辑：下面的回复有助于将秩序置于事物中,特别是在正确的术语方面.到目前为止,我将尝试总结一下我的理解 – 首先尝试以相应的方式回答上述问题,然后列出一些见解,希望它可以帮助像我这样的未来的css-laymen：

>第二种不是“后代”
选择器“根本没有,所以它不能
可能与第一个相同
类型.
>目前,第二种类型的名称,
是分配给同一标记的多个类名.
>为每个元素归属多个类的一种用法是,然后可以链接类选择器,这样只有匹配列出了所有类的元素,而不是那些具有一个或多个类的元素.
>这很可能是编程错误/错误/错误(虽然我在一个非常突出的网站上发现它).

见解(如果发现错误,请更正)：

>尽管写的是什么
w3schools,班级(姓名)是
不是选择者！选择器只能是HTML元素.
>但是,CSS rule可能会引用
到一个HTML元素(或一组
HTML元素)按类名,使用
.classname表示法.这个
有些人称之为符号
“the class selector”和这个
是我的困惑所源自的地方.它仅仅意味着它可以用于选择具有class属性的任何HTML元素.
> CSS规则也可以引用HTML
元素(或一组HTML
元素)按元素ID,使用
#elementID表示法.这是个
完全不同的主题但从那时起
某些人提到了这种表示法
作为“the id selector”它是相当的
可能这可能是一个来源
混乱也是如此,所以这是短暂的
这里提到的.
>在HTML中,“class”是一个属性.在
CSS,它是一个“selector aggregator”,
用于选择任何HTML元素
有该类属性.
>到目前为止,最好的CSS教程是
Selectutorial.

解决方法 只有一个CSS后代选择器,即空格字符：

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

空格分隔的类名只是在单个HTML类属性中由空格分隔的多个类. class属性不是选择器,实际上甚至不是CSS的一部分.

然而,在一个相关的注释中,每个元素列出多个类的一种用法是,而不是那些具有一个或多个类的元素.例如：

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

至于为什么在给定的HTML中重复同名,我不知道.它与只有一个同名类相同.

总结

以上是内存溢出为你收集整理的html – 类中的后代选择器全部内容，希望文章能够帮你解决html – 类中的后代选择器所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。