任务3 使用CSS设计简单网页风格.pptVIP

CSS选择器类型 设置不同行具备不同风格 样式： #first{border:4px #5e846a solid;} HTML代码 P id=first床前明月光，/P CSS3新增选择器类型 关系选择器 伪类选择器 结构性伪类选择器 UI元素状态伪类选择器 属性选择器 伪对象选择器 关系选择器 选择符 名称 版本 简介 E F 包含选择符 CSS1 选择所有被E元素包含的F元素。 EF 子选择符 CSS2 选择所有作为E元素的子元素F。 E+F 相邻选择符 CSS2 选择紧贴在E元素之后F元素。 E~F 兄弟选择符 CSS3 选择E元素所有兄弟元素F。 备注： 绿色行为CSS3新增选择器，为了便于组合记忆，幻灯片中也列举了同 类型的CSS12类选择器 实战操作 兄弟选择器实例： 显示效果 结构伪类选择器 选择符 版本 简介 E:root CSS3 匹配E元素在文档的根元素。 E:first-child CSS2 匹配父元素的第一个子元素E。 E:last-child CSS3 匹配父元素的最后一个子元素E。 E:only-child CSS3 匹配父元素仅有的一个子元素E。 E:nth-child(n) CSS3 匹配父元素的第n个子元素E。 E:nth-last-child(n) CSS3 匹配父元素的倒数第n个子元素E。 E:f