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