HTML5+CSS3高级 伪元素选择器和伪类 伪元素选择器和伪类.pptx

伪元素选择器和伪类选择器伪元素选择器:before:after链接伪类a:linka:visiteda:hovera:active1、:before选择器:before伪元素选择器用于在被选元素的前面插入内容，需配合content属性来指定要插入的内容。语法格式如下：在语法中，被选元素位于“:before”之前，“｛｝”中的content属性用来指定要插入的具体内容，该内容既可以为文本也可以为图片。元素:before{ content:文字/url();}2、:after选择器:after伪元素选择器用于在某个元素之后插入一些内容。语法格式如下：元素:after{ content:文字/url();}链接伪类在CSS中，通过链接伪类可以实现不同的超链接的状态。超链接标记a的伪类有以下4种。超链接a的伪类含义a:link{ CSS样式规则; }未访问时超链接的状态a:visited{ CSS样式规则; }访问后超链接的状态a:hover{ CSS样式规则; }鼠标悬停时超链接的状态a: active{ CSS样式规则; }激活超链接时的状态a:link网页加载，超链接未被访问时的状态a:hover鼠标悬停时超链接的状态a:active鼠标单击不动时超链接的状态a:visited访问后超链接的状态谢谢 !汇报人：呆萌怪大叔时间：2015年12月28日