Web前端开发HTML5 CSS3教案CSS选择器教案(2).doc

课程名称 WEB前端开发（1） 课次 10 任务、项目、课题名称 CSS选择器（2） 课时 2学时 教学内容 CSS选择器：交集选择器、并集择器、后代选择器、通配符选择器 教学目标 掌握CSS选择器：交集选择器、并集择器、后代选择器、通配符选择器 教学重点 CSS选择器：交集选择器、并集择器、后代选择器、通配符选择器 教学难点 CSS选择器的使用方法 教学活动及主要环节 复习演示： 1.类选择器如何进行样式的书写？（操作演示） 新授：（案例演示） 一．交集选择器 交集选择器由两个选择器构成，第一个是标记选择器，第二个是类选择器，表示二者各自元素范围的交集。两个选择器之间不能有空格。其语法格式如下： 标记名称.类名称{属性：属性值； 属性：属性值；...} 并集选择器 如果某些选择器定义的样式完全相同，或部分相同，就可以利用并集选择器为它们定义相同的CSS样式，并集选择器由各个选择器通过逗号连接而成，任何形式的选择器（标记选择器、类选择器、ID选择器等），都可以作为并集选择器的一部分。 h1,h2,p{font-size:24px; color:blue; 三．后代选择器 后代选择器也叫包含选择器，用于对容器对象中的子对象进行控制，使其他容器对象中的同名子对象不受影响。 后代选择器书写时将容器对象写在前面，子对象写在后面，中间用空格分隔。若容器对象有多层时，则分层依次书写。 p strong{font-size:24px; color:red;} 四．通配符选择器 通配符选择器用“*”表示，它是所有选择器作用范围最广的，能匹配页面中的所有元素。其基本语法格式如下： *{属性：属性值； 属性：属性值；...} 小结： 交集选择器 并集选择器 后代选择器 通配符选择器 作业： 超星作业