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