HTML5&CSS3网页制作：关系选择器.pptx

CSS3选择器--关系选择器 关系选择器 01 子代选择器（>） 子代选择器主要用来选择某个元素的第一级子元素。 定义 语法结构 E>F{ CSS样式属性 } 说明 选择所有作为E元素的子元素F。 子代选择器（>） 示例：设置 h1 元素的子元素 strong 元素为红色字体 兄弟选择器 兄弟选择器用来选择与某元素位于同一个父元素之中，且位于该元素之后的兄弟元素。 临近兄弟选择器 普通兄弟选择器 临近兄弟选择器（+） 定义 该选择器使用加号“+”来链接前后两个选择器。选择器中的两个元素有同一个父亲，而且第二个元素必须紧跟第一个元素。 语法格式 E+F{CSS样式属性 } 说明 选择紧贴在E元素之后F元素。 临近兄弟选择器（+） 示例 普通兄弟选择器（~） 定义 普通兄弟选择器使用 “~”来链接前后两个选择器。选择器中的两个元素有同一个父亲，但第二个元素不必紧跟第一个元素。 语法格式 E~F{CSS样式属性 } 说明 选择E元素后面的所有兄弟元素F。 普通兄弟选择器（~） 示例 兄弟选择器（+、~） ‘+’选择器则表示某元素后相邻的兄弟元素，也就是紧挨着的，是单个的。而‘~’选择器则表示