CSS :after 伪元素
定义
:after 伪元素在元素内容之后插入内容。
这个伪元素允许创作人员在元素内容的最后面插入生成内容。默认地,这个伪元素是行内元素,不过可以使用属性 display 改变这一点。
例子
此样式会在每个 h1 元素之后播放一段声音:
h1:after { content: url(beep.wav) }
TIY 实例
- 使用 :after 在元素内容之后插入内容
- 本例演示如何使用 :after 在元素内容之后插入图像。(在 IE 中无效)
:after 伪元素在元素内容之后插入内容。
这个伪元素允许创作人员在元素内容的最后面插入生成内容。默认地,这个伪元素是行内元素,不过可以使用属性 display 改变这一点。
此样式会在每个 h1 元素之后播放一段声音:
h1:after { content: url(beep.wav) }