我也发现这个问提了，搜索后发现都是在说css的，但是它是出现在HTML代码里的。
然后我自己写例子试了试，结果是 在css里面用 ::before，
是浏览器的代码查看器把它显示成::before了。
下面是自己写的源码
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
#test::before {
content: 'bb';
}
</style>
</head>
<body>
<div id="test">
aa
</div>
</body>
</html>
这是浏览器查看器的画面
而且冒出来一个这个玩意，原理不懂，
不过，在浏览器的查看器里看到的 ::before 是这么来的。
温馨提示：答案为网友推荐，仅供参考
第1个回答 2018-03-31
:before 和 :after 都差不多的，就是可以在某个标签的前面或者后面添加一个虚拟元素,需结合content使用，可以像设置普通标签一样设置该元素的css样式 。
源码
就是指编写的最原始程序的代码。运行的软件是要经过编写的，程序员编写程序的过程中需要他们的“语言”。音乐家用五线谱和音符，建筑师用图纸和笔，那程序员的工作的语言就是“源码”了。
作用：
1.生成目标代码，即计算机可以识别的代码。
2.对软件进行说明，即对软件的编写进行说明。为数不少的初学者，甚至少数有经验的程序员都忽视软件说明的编写，因为这部分虽然不会在生成的程序中直接显示，也不参与编译。但是说明对软件的学习、分享、维护和软件复用都有巨大的好处。因此，书写软件说明在业界被认为是能创造优秀程序的良好习惯，一些公司也硬性规定必须书写。
本回答被网友采纳第2个回答 2014-09-27
:before 和 :after 都差不多的，
就是可以在某个标签的前面或者后面添加一个虚拟元素,需结合content使用
可以像设置普通标签一样设置该元素的css样式 如下:
div:after {
visibility: hidden;
clear: both;
display: block;
height: 0px;
content: "."
}
这段代码可以闭合浮动元素
还有一种就是可以利用这个虚拟元素，实现图标等，如有的边框底部的小三角形。
[参考：CouverVin ]追问
就是可以在某个标签的前面或者后面添加一个虚拟元素,需结合content使用
可以像设置普通标签一样设置该元素的css样式 如下:
div:after {
visibility: hidden;
clear: both;
display: block;
height: 0px;
content: "."
}
这段代码可以闭合浮动元素
还有一种就是可以利用这个虚拟元素，实现图标等，如有的边框底部的小三角形。
[参考：CouverVin ]追问
但是它不是在css里面的，而是在div里面
追答这个是写在css里的，自己可以下载源码 查找。或者你在网页空白处右键点击审核元素，然后点击before，右侧就出来before 的css了。
第3个回答 2016-11-02
这个是这样的，
<!DOCTYPE html><html>
<head>
<style>
p:：before
{
content:"台词：";
}
</style>
</head>
<body>
<p>我是唐老鸭。</p>
<p>我住在 Duckburg。</p>
<p><b>注释：</b>对于在 IE8 中工作的 :before，必须声明 DOCTYPE。</p>
</body>
</html>
看见上面的代码了吧，p::before在显示的时候会在<p>的前面加上“台词” 。就是带一个对象的前面添加属性，是css里面的伪类。
第4个回答 2014-09-29
如果不是你自己添加的，就是你用的插件添加的。 一般不会影响你原有的代码。 如果插件式必须的，可以不用管它。
相似回答