css中的:before、:after等虚拟元素有什么用途？

Question

我看过的书上没讲过虚拟元素，很不清楚，请大致给我说明一下！
谢谢！~~

Answer 1

就是可以在某个标签的前面或者后面添加一个虚拟元素,需结合content使用
可以像设置普通标签一样设置该元素的css样式 如下:
div:after {
visibility: hidden;
clear: both;
display: block;
height: 0px;
content: "."
}
这段代码可以闭合浮动元素

Answer 2

为元素设置前或后跟进内容，比如
li:after{……}紧跟li标签定义内容本回答被网友采纳

Answer 3

用来和content属性一起使用，设置在对象前后（依据对象树的逻辑结构）发生的内容。
目前IE5.5尚不支持此伪对象。

Answer 4

很有用的~~，HTML中不用多写一个空白标签就可以实现某些效果。
比如，
1、列表项前加图标；
2、添加页眉页脚；

3、清除浮动等。