如何解决after和before的兼容性

在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