Before和after制作特殊效果:
释义伪类和伪元素①伪类:向某些选择器添加特殊的效果。②伪元素:用于将特殊的效果添加到某些选择器。
其中css3中明确伪类和伪元素的区别,单冒号(:)伪类,双冒号(::)伪元素,但是就目前为了保证兼容性,伪元素还在使用单冒号。
Before和after在实际当中的应用:①用于清除浮动,只要把clearfix加在浮动父级后面即可。
.clearfix{zoom:1;}
.clearfix:after {clear:both;content:’.’;display:block;width: 0;height: 0;visibility:hidden;}
②为列表做序列号。
③使用content属性来指定要插入的内容。
a:after{content:”↗”}向元素内容中添加字符串
a:after{content:”(“attr(href)”)”} 调用当前元素的属性,可以方便的将图片的alt提示文字或链接的href地址显示出来。
a:before{content:url(logo.png)}用于引用媒体文件