css后代选择器
2017-02-04 13:20
387 查看
如果一个元素出现在文档层次结构中另一个元素的上层,则称前者是后者的父元素。
父子关系是祖先-后代关系的特例。这二者之间有一个区别:在树视图中,如果一个元素在另一个元素的直接上一层,它们就有父子关系。如果从一个元素到另一个元素的路径上要经过两层或多层,这些元素则有祖先-后代关系,而不是父子关系(当然子元素也算是后代,父元素也算是祖先)
定义后代选择器就是来创建一些规则,它们仅在某些结构中起作用
在某些情况下,可能并不想选择一个任意的后代元素,而是希望缩小范围,只选择另一个元素的子元素。可以使用子结合符,即大于号(>)
这个规则会选中h1下面出现的子元素strong,不是子元素的后代strong不会被选中
父子关系是祖先-后代关系的特例。这二者之间有一个区别:在树视图中,如果一个元素在另一个元素的直接上一层,它们就有父子关系。如果从一个元素到另一个元素的路径上要经过两层或多层,这些元素则有祖先-后代关系,而不是父子关系(当然子元素也算是后代,父元素也算是祖先)
定义后代选择器就是来创建一些规则,它们仅在某些结构中起作用
h1 em {} ul ol ul ul em {} //不仅限于两个选择器
在某些情况下,可能并不想选择一个任意的后代元素,而是希望缩小范围,只选择另一个元素的子元素。可以使用子结合符,即大于号(>)
h1 > strong {}
这个规则会选中h1下面出现的子元素strong,不是子元素的后代strong不会被选中
相关文章推荐
- css——子代与后代选择器
- css基础 后代选择器 给标记的后代中 指定的标签/class名称 添加样式 (后代多级的)
- CSS后代选择器,子选择器和相邻兄弟选择器
- CSS——选择器——元素选择器+后代选择器
- css 后代选择器与子选择器的区别
- css基础 后代选择器 给标记的后代中 指定的标签/class名称 添加样式 (后代多级的)
- css种后代选择器和子选择器的区别
- CSS后代选择器、子元素选择器、相邻兄弟选择器区别与详解
- CSS——后代选择器
- CSS后代选择器、子元素选择器、相邻兄弟选择器区别与详解
- css后代选择器(div.class中间不带空格)
- CSS 7.4 选择器-后代选择器
- CSS 后代选择器 CSS 子元素选择器 CSS 相邻兄弟选择器
- CSS 后代选择器
- css2.6_后代选择器
- CSS的子选择器与后代选择器的区别
- css串联选择器和后代选择器使用方法
- css 串联选择器和后代选择器介绍及示例
- CSS后代选择器
- CSS的子选择器与后代选择器的区别