在web前端开发中before/after伪类相当于在元素内部插入两个额外的标签，其最适合也是最推荐的应用就是图形生成。在一些精致的UI实现上，可以简化HTML代码，提高可读性和可维护性。国外这两个伪类应用相当的普及以及兴盛，不过国内……，要使用顶多也就是跟风的“清除浮动”应用。
本文简单展示，应用before/after伪类时候，如何CSS命名的，HTML有哪些处理，如何对付IE6, IE7浏览器的。
1、html结构：
2、CSS部分
类似这样子的命名：
3、CSS部分的content属性值应该如下：
4、要用的js去解决ie6和ie7的问题
这个时候你就可以用ietester测试，得到效果如图
文/丁向明
做一个有博客的web前端自媒体人，专注web前端开发，关注用户体验，加我qq/微信交流：6135833
http://dingxiangming.com