代码实例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>eyoumb.com教程(eyoumb.com)</title>
<style>
p:before
{
content:"Read this -";
background-color:yellow;
color:red;
font-weight:bold;
}
</style>
</head>
<body>
<p>My name is Donald</p>
<p>I live in Ducksburg</p>
<p><b>注意:</b> :before 作用于 IE8, DOCTYPE必须已经声明.</p>
</body>
</html> 尝试一下 »
点击“尝试一下”按钮查看在线实例
定义和用法
:before 选择器向选定的元素前插入内容。
:before是伪元素，并且它生成包含放置在元素中的内容之前的生成内容的伪元素。
使用content 属性来指定要插入的内容。
默认情况下，生成的伪元素是内联的，但这可以使用属性显示更改。
例子：
a[href]:before {content: "[LINK]";)
p:before {content: attr(class);}注意: before在IE8中运行，必须声明 <!DOCTYPE> 。
