CSS选择器中 后代选择器和派生选择器有什么区别?

绝地灬酷狼 2022-06-10 14:00 363阅读 0赞

根据W3C的说明:

派生选择器

通过依据元素在其位置的上下文关系来定义样式,你可以使标记更加简洁。

在 CSS1 中,通过这种方式来应用规则的选择器被称为上下文选择器 (contextual selectors),这是由于它们依赖于上下文关系来应用或者避免某项规则。在 CSS2 中,它们称为派生选择器,但是无论你如何称呼它们,它们的作用都是相同的。

派生选择器允许你根据文档的上下文关系来确定某个标签的样式。通过合理地使用派生选择器,我们可以使 HTML 代码变得更加整洁。

相关内容

如果您需要更深入地学习关于派生选择器的知识,请阅读 W3School 的高级教程中的以下内容:

  • CSS 后代选择器
  • CSS 子元素选择器
  • CSS 相邻兄弟选择器

即:派生选择器包括上面3种类型的选择器

发表评论

表情:
评论列表 (有 0 条评论,363人围观)

还没有评论,来说两句吧...

相关阅读

    相关 CSS 派生选择

    一、后代选择器 后代选择器(descendant selector)又称为包含选择器。 如:作为 h1 元素后代的 任何em 元素 > h1 em \{ color:

    相关 子代选择后代选择

    在CSS3中,我们会遇到这个一个问题,当层级过多的时候,我们想对其中的某些标签进行操作,有时候我们又想只对某一层级的标签进行操作,这个时候就涉及到字标签和后代标签的问题