1. 作为实际DOM元素使用
2. 作为一些视觉装饰性的元素使用

可以用于给元素添加伪元素来调整布局。
可以添加伪元素，通过content添加内容

1. 可以不用再多写一个 dom
2. 可以用 content 搭配出很多效果

例子：

1. 固定尺寸 2:1 的容器
2. 文本前后增加 icon 或图片
3. 使用 data-* 和 content: attr(data-*) 搭配
4. 使用 :hover 和 content 搭配出很多效果
5. 作为修饰元素
6. 使用 content: counter() 玩有序数字
7. 参与 inline-block 垂直居中

我经常用于装饰性的元素,不用再多写一个其他元素