:before

:before 偽元素在元素之前添加內容。

這個偽元素允許創作人員在元素內容的最前 面插入生成內容。默認地，這個偽元素是行內元素，不過可以使用屬性 display 改變這一點。

基本介紹

• 中文名：:before
• 定義： 偽元素在元素之前添加內容
• 支持瀏覽器：chrome2.0+  firefox 3.5+
• 實例：{ content:url(beep.wav);}

定義和用法

:before偽元素向選定的元素前插入內容。

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

使用content屬性來指定要插入的內容。

其中偽元素並不會真實的展現在dom中，它們並不是真正的元素，很多移動設備並不支持，所以在許多關鍵性的地方不建議使用偽元素。

瀏覽器支持情況

IE8+ (6與7弱爆炸了)

chrome2.0+

firefox 3.5+

實例

此樣式會在每個 h1 元素之前播放一段聲音：

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