任务5.3 CSS复合选择器.pptxVIP

模块5美化网页——使用CSS技术任务5.3CSS复合选择器网页设计项目教程（HTML5+CSS3+JavaScript）

任务描述组合基本选择器，快速定位页面元素CSS复合选择器通过组合不同类型的选择器，如元素、类、ID选择器等，能快速定位特定元素。后代、子、相邻兄弟及通用兄弟选择器各具特色，熟练运用可让页面样式设置更高效。

5.3.1认识复合选择器复合选择器由基本选择器组合而成，功能更强大概念复合选择器是指由两个或多个基本选择器，通过不同方式进行组合而成的选择器。它能更精准、更灵活地对页面元素进行样式设置。主要类型①交集选择器②并集选择器③后代选择器④子选择器⑤相邻选择器⑥属性选择器⑦伪类选择器⑧伪对象选择器等

5.3.2交集选择器由两个选择器直接连接，取二者交集构成规则第一个必须是标记选择器；第二个必须是类选择器或ID选择器；二者之间不能有空格，必须连续书写。作用选中二者各自元素范围的交集。例如h2.special的样式，只会作用于同时是h2且带special类的元素。

案例演示：交集选择器标记选择器与类选择器交集，作用于特定元素//css部分

style

h2.special{//交集选择器

color:blue;

font-size:30px;

}

/style

//html部分

body

h1示