CSS3/CSS2 伪对象选择符 E:after/E::after

说明：本文档兼容性测试基础环境为：windows系统；IE6-IE10, Firefox6.0, Chrome13.0, Safari5.1, Opera11.51

语法：

E:after/E::after{ sRules }

说明：

设置在对象后（依据对象树的逻辑结构）发生的内容。用来和content属性一起使用

  • CSS3将伪对象选择符(Pseudo-Element Selectors)前面的单个冒号(:)修改为双冒号(::)用以区别伪类选择符(Pseudo-Classes Selectors)，但以前的写法仍然有效。

    即E:after可转化为E::after

兼容性(E:after)：

  • 浅绿 = 支持
  • 红色 = 不支持
  • 墨绿 = 部分支持
  • 橙色 = 实验性质
支持版本\类型 IE Firefox Safari Chrome Opera
较早版本 6-7 4 5.1.7 13 11.5
最近版本 8

兼容性(E::after)：

  • 浅绿 = 支持
  • 红色 = 不支持
  • 墨绿 = 部分支持
  • 橙色 = 实验性质
支持版本\类型 IE Firefox Safari Chrome Opera
较早版本 6-8 4 5.1.7 13 11.5
较新版本 9

示例：