:before

定义和用法

:before伪元素向选定的元素前插入内容。

:before伪元素生成包含放置在元素中的内容之前的生成内容的伪元素。

使用content属性来指定要插入的内容。

其中伪元素并不会真实的展现在dom中，它们并不是真正的元素，很多移动设备并不支持，所以在许多关键性的地方不建议使用伪元素。

浏览器支持情况

IE8+ (6与7弱爆炸了)

chrome2.0+

firefox 3.5+

实例

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

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