📦 归档笔记 — 原创建于 WizNote,仅作归档展示;观点以当年为准,非最新。

CSS 后代选择器

创建时间2019-06-14最后修改2019-06-14原位置/程序员成长之旅/HTML+css网页学习/笔记/字数191
目录:程序员成长之旅/HTML+css网页学习/笔记

后代选择器(descendant selector)又称为包含选择器。

后代选择器可以选择作为某元素后代的元素。

根据上下文选择元素

我们可以定义后代选择器来创建一些规则,使这些规则在某些文档结构中起作用,而在另外一些结构中不起作用。

举例来说,如果您希望只对 h1 元素中的 em 元素应用样式,可以这样写:

h1 em {color:red;} 上面这个规则会把作为 h1 元素后代的 em 元素的文本变为 红色。其他 em 文本(如段落或块引用中的 em)则不会被这个规则选中:

来源: http://www.w3school.com.cn/css/css_selector_descendant.asp