E:before/E::before

语法：

E:before/E::before{ sRules }

说明：

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

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

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

兼容性：

  • 浅绿 = 支持
  • 红色 = 不支持
  • 粉色 = 部分支持
IE Firefox Safari Chrome Opera
6.0-7.0 1.0 #1 #2 #3 4.0-6.0 #3 1.0-25.0 #3 4.0 #2 #3
8.0 #2 #3 1.5 #1 #3 7.0 #3
9.0-11.0 #3 3.5 #3 26.0 15.0
4.0 6.1
  1. 不支持设置属性position, float, list-style-*和一些display值，Firefox3.5开始取消这些限制。
  2. 不支持伪元素的双冒号(::)写法
  3. 不支持动画animation和过渡transition效果

示例：