CSS3/CSS3 伪对象选择符 E:before/E::before

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

语法：

E:before/E::before{ sRules }

说明：

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

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

    即E:before可转化为E::before

兼容性(E:before)：

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

兼容性(E::bofore)：

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

示例：