【导读】：布意坊公司旗下主力女装品牌before是一个年轻都市女性的休闲时尚品牌。她以独特的设计和一流的品质，让年轻女性充分体会到个性、时尚的穿着品味。befo...before是防晒衫小型品牌。布意

CSS 有两个说不上常用的伪类 :before 和 :after，偶尔会被人用来添加些自定义格式什么的，但是它们的功用不仅于此。前几天发现了 Creative Link Effects 这个非常有意思的介绍创意链接特效的页面，里面惊人的效果

第一部分：基础知识1.与:active 和 :hover这些伪类不一样，他们都是伪元素。2.:before:after伪元素是在css2中提出来的。而::before::after是在css3中的写法，这样从新提出是为了用两个冒号表

前言众所周知::before与::after两个伪元素其实是CSS3中的内容，然而实际上在CSS2中就已经有了这两者的身影，只不过CSS2中是前面加一个冒号来表示（:before和:after）。今天主要讲讲这两个伪元素该如何使用。一、

beforeafter伪类相当于在元素内部插入两个额外的标签，其最适合也是最推荐的应用就是图形生成。在一些精致的UI实现上，可以简化HTML代码，提高可读性和可维护性。国外这两个伪类应用相当的普及以及兴盛，不过貌似我们这边前端er们普遍缺