after/:after

  • 版本:CSS2/3

after/:after的具体语法

after/:after{ sRules }

after/:after的使用说明

设置在对象后(依据对象树的逻辑结构)发生的内容。用来和content属性一起使用,并且必须定义content属性
  • CSS3将伪对象选择符(Pseudo-Element Selectors)前面的单个冒号(:)修改为双冒号(::)用以区别伪类选择符(Pseudo-Classes Selectors),但以前的写法仍然有效。

    即after可转化为:after

after/:after的浏览器兼容性

  • 浅绿 = 支持
  • 红色 = 不支持
  • 粉色 = 部分支持
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效果

after/:after的完整演示案例

CSS3参考手册,全网最新最全的CSS3参考手册,为你呈现最好的CSS3文档CSS3参考手册