CSS :before 伪元素

定义

:before 伪元素在元素内容之前插入内容。

这个伪元素允许创作人员在元素内容的最前面插入生成内容。默认地,这个伪元素是行内元素,不过可以使用属性 display 改变这一点。

例子

此样式会在每个 h1 元素之前播放一段声音:

h1:before
{
content: url(beep.wav)
}

TIY 实例

使用 :before 在元素内容之前插入内容
本例演示如何使用 :before 在元素内容之前插入图像。(在 IE 中无效)