网页设计与制作 课件 o7 CSS高级选择器.pptxVIP

;入门测

作业分析

知识回顾

超链接样式：去下划线、改颜色、设置a:hover

块级元素与行内元素display:block|inline|inline-block

CSS的层叠性:!important行内样式ID选择器类选择器标签选择器

CSS的继承性:子类会自动继承父类的文本属性;当页面内容增加、结构复杂之后，为了方便选取元素，需要用到分组选择器、关系选择器等更复杂的选择器。

本任务主要学习CSS高级选择器的应用。;学习内容;元素的层级关系;后代与子选择器;兄弟选择器;分组选择器;;;状态伪类;结构伪类：根据元素在DOM树中的位置来选择元素。;设置头部导航中超链接：120px*60px，#fff，#333,字体18px，行高60px;

设置底部超链接：#999；14px;

设置列表奇偶行不同;出门测

小结

组合选择器：

分组选择器：h1,h2,h3

子元素选择器：.fatherp

后代选择器：nava

属性选择器

存在属性匹配、精确值匹配

伪类选择器

状态伪类、结构伪类

;实施课后分组项目

自主分组

选题

准备素材