HTML5技术基础子代选择器第4章4-2关系选择器.pptxVIP

第四章 CSS3选择器·属性选择器 ·结构化伪类选择器·关系选择器·链接伪类 HTML5 HTML54.2 关系选择器21子代选择器（）知识引入兄弟选择器（+、~）4.2 知识点讲解1、子代选择器（）子代选择器主要用来选择某个元素的第一级子元素。例如希望选择只作为 h1 元素子元素的 strong 元素，可以这样写：h1 strong。4.2 知识点讲解2、兄弟选择器（+、~）兄弟选择器用来选择与某元素位于同一个父元素之中，且位于该元素之后的兄弟元素。兄弟选择器分为临近兄弟选择器和普通兄弟选择器两种。（1）临近兄弟选择器 该选择器使用加号“+”来链接前后两个选择器。选择器中的两个元素有同一个父亲，而且第二个元素必须紧跟第一个元素。4.2 知识点讲解2、兄弟选择器（+、~）（2）普通兄弟选择器 普通兄弟选择器使用 “~”来链接前后两个选择器。选择器中的两个元素有同一个父亲，但第二个元素不必紧跟第一个元素。