:before选择器在被选元素的内容前面插入内容，需使用content属性来指定要插入的内容。
语法：
元素::before {content:插入的内容;}content：输入要插入的部分内容
要在content中插入字母和符号，请用“”括起来并输入。
要在content中插入图像和声音，请输入url（目标路径）。
:before伪元素允许创作人员在元素内容的最前面插入生成内容。默认地，这个伪元素是行内元素，不过可以使用属性 display 改变这一点。
说明：所有主流浏览器都支持 :before 伪元素。
示例：使用 :before 在元素内容之前插入内容
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
h1:before {
content:"@";
}
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>:before伪元素在元素之前插入内容。</p>
<h1>This is a heading</h1>
</body>
</html>效果图：
注释：如果已规定 !DOCTYPE，那么 Internet Explorer 8 （以及更高版本）支持 content 属性。
推荐学习：CSS视频教程（公益免费）
以上就是css中before是什么意思？的详细内容，更多请关注0133技术站其它相关文章！
