网页设计9-复合选择器

1、授课人：何蕴婷EMAIL：- CSS- CSS样式（样式（4 4） 内部培训资料,不作任何宣传用途1、通过实训项目了解css的复合选择器的语法结构。内部培训资料,不作任何宣传用途页面中的CSS复合选择器内部培训资料,不作任何宣传用途复习引入复习引入classclass选择器与标记选择器选择器与标记选择器!- classclass选择器与标记选择器选择器与标记选择器11classclass选择器与标记选择器选择器与标记选择器22classclass选择器与标记选择器选择器与标记选择器33classclass选择器与标记选择器选择器与标记选择器44classclass选择器与标记选择器选择器与标记

2、选择器55classclass选择器与标记选择器选择器与标记选择器66在页面中使用标记选择器在页面中使用标记选择器内部培训资料,不作任何宣传用途复习引入复习引入classclass选择器与标记选择器选择器与标记选择器!- classclass选择器与标记选择器选择器与标记选择器44在标记选择器声明下插入以下声明后，观察页面效果在标记选择器声明下插入以下声明后，观察页面效果.special/* 类别选择器类别选择器 */color:red;/* 红色红色 */font-size:23px;/* 文字大小文字大小 */font-family:隶书隶书 /* 文字字体文字字体 */内部培训资料,不作

3、任何宣传用途“ “交集交集”选择器选择器classclass选择器与标记选择器选择器与标记选择器!- 使用于别的标记使用于别的标记在标记选择器声明下再插入以下声明后，观察页面效果在标记选择器声明下再插入以下声明后，观察页面效果p.special/* 标记标记.类别选择器类别选择器 */ color:green;font-family:“华文行楷华文行楷”;内部培训资料,不作任何宣传用途“ “并集并集”选择器选择器集体声明集体声明!- 集体声明集体声明h1h1集体声明集体声明h2h2集体声明集体声明h3h3集体声明集体声明h4h4集体声明集体声明h5h5集体声明集体声明p1p1集体声明集体声明p

4、2p2集体声明集体声明p3p3集体声明：页面中风格相同的标记可同时声明，集体声明：页面中风格相同的标记可同时声明，课本课本例例09-02内部培训资料,不作任何宣传用途“ “并集并集”选择器选择器全局声明 全局声明h1全局声明h2全局声明h3全局声明h4全局声明h5全局声明p1全局声明p2全局声明p3全局声明：全局声明：实例实例内部培训资料,不作任何宣传用途“ “后代后代”选择器选择器CSS选择器的嵌套声明 嵌套使用CSS标记的方法嵌套之外的标记不生效2层嵌套的层嵌套的实例实例：内部培训资料,不作任何宣传用途CSSCSS的继承的继承父子关系 祖国的首都北京欢迎来到祖国的首都北京，这里是全国政治、

5、经济、文化的中心在这里，你可以：感受大自然的美丽体验生活的节奏领略首都的激情与活力 你还可以：去八达岭爬长城去香山看红叶去王府井逛夜市如果您有任何问题，欢迎联系我们内部培训资料,不作任何宣传用途CSSCSS的继承的继承2 2父子关系父子关系 关系关系1 页面父子关系复杂时页面父子关系复杂时页面父子关系复杂时页面父子关系复杂时这里省略这里省略20个嵌套个嵌套. 页面父子关系复杂时页面父子关系复杂时页面父子关系复杂时页面父子关系复杂时这里省略这里省略20个嵌套个嵌套. 关系关系2 页面父子关系复杂时页面父子关系复杂时页面父子关系复杂时页面父子关系复杂时这里省略这里省略20个嵌套个嵌套. 页面父子关系复杂时页面父子关系复杂时页面父子关系复杂时页面父子关系复杂时这里省略这里省略20个嵌套个嵌套.内部培训资料,不作任何宣传用途课