您的位置:首页 > Web前端 > CSS

css后代选择器

2017-02-04 13:20 387 查看
如果一个元素出现在文档层次结构中另一个元素的上层,则称前者是后者的父元素。

父子关系是祖先-后代关系的特例。这二者之间有一个区别:在树视图中,如果一个元素在另一个元素的直接上一层,它们就有父子关系。如果从一个元素到另一个元素的路径上要经过两层或多层,这些元素则有祖先-后代关系,而不是父子关系(当然子元素也算是后代,父元素也算是祖先)

定义后代选择器就是来创建一些规则,它们仅在某些结构中起作用

h1 em {}

ul ol ul ul em {} //不仅限于两个选择器


在某些情况下,可能并不想选择一个任意的后代元素,而是希望缩小范围,只选择另一个元素的子元素。可以使用子结合符,即大于号(>)

h1 > strong {}


这个规则会选中h1下面出现的子元素strong,不是子元素的后代strong不会被选中
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  css