16 2.基础选择器 2.6选择器兼容性 Chrome Win Mac Linux Win 3o win 30 Mac Element selector p test ID selector Descendant selector p span Multiple classes IE6 and lower make a mistake: when confronted with test. snall they act as if the selectors p. snall. 基础选择器兼容性 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 2.基础选择器 16 2.6选择器兼容性 基础选择器兼容性
3层次选择器 3.1语法 CSS关系选择器是一些基础选择器按照一定的关系进行组合的选 择器组合。 口选择器的关系使用关系选择符表示,关系选择符有四个类别 选择符、子选择符、相邻选择符、兄弟选择符 口层次选择器基于HTM中D0M元素之间的层次关系进行选择,快速 准确的找到相关元素,并对元素进行样式定制, 口层次选择器具体语法: 选择器名称选择符选择器名称 属性值 属性值 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 3.层次选择器 CSS关系选择器是一些基础选择器按照一定的关系进行组合的选 择器组合。 选择器的关系使用关系选择符表示，关系选择符有四个类别： 选择符、子选择符、相邻选择符、兄弟选择符 层次选择器基于HTML中DOM元素之间的层次关系进行选择，快速 准确的找到相关元素，并对元素进行样式定制， 层次选择器具体语法： 17 3.1语法
18 3层次选择器 32后代选择器 口后代选择器也被称作包含选择器,就是可以选择某元素的后代 元素。 比如说EF,前面E为祖先元素,F为后代元素。表达的意思即为选 择了E元素的所有后代F元素。 ■F不管是E元素的子元素或者是孙元素或者是更深层次的关系,都将 被选中,也就是说,EF将递归选中E元素中的所有F元素。 注意:祖先元素和后代元素之间使用一个空格隔开。 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 3.层次选择器 后代选择器也被称作包含选择器，就是可以选择某元素的后代 元素。 比如说E F，前面E为祖先元素，F为后代元素。表达的意思即为选 择了E元素的所有后代F元素。 F不管是E元素的子元素或者是孙元素或者是更深层次的关系，都将 被选中，也就是说，E F将递归选中E元素中的所有F元素。 18 3.2后代选择器 注意：祖先元素和后代元素之间使用一个空格隔开
19 3层次选择器 33子选择器 口子选择器只能选择某元素的子元素。 比如说E>F,其中E为父元素,而F为子元素,其中E>F所表示的是选 择了E元素下的所有子元素F。 和后代选择器(EF)不同,EF仅选择了E元素下的F子元素,更深 层次的F元素则不会被选择。 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 3.层次选择器 子选择器只能选择某元素的子元素。 比如说E>F，其中E为父元素，而F为子元素，其中E>F所表示的是选 择了E元素下的所有子元素F。 和后代选择器（E F）不同，E>F仅选择了E元素下的F子元素，更深 层次的F元素则不会被选择。 19 3.3子选择器
20 十 2 现场演示: ■案例8-05:后代选择器与自选择器 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 20 现场演示： 案例8-05：后代选择器与自选择器