这里是修真院前端小课堂，每篇分享文从
【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】
八个方面深度解析前端知识/技能，本篇分享的是：
【css中content属性，有什么作用？有什么应用？ 】
1.背景介绍
content属性早在CSS2.1的时候就被引入了,可以使用:before以及:after伪元素生成内容。此特性目前已被所有主流浏览器支持。
在CSS 3 Generated Content工作草案中，content属性添加了更多的特征，例如：插入以及移除文档内容的能力，以创建脚注，结语，及段落注释。但是目前还没有浏览器支持content的扩展功能。
2.知识剖析
1.content属性与 :before 及 :after 伪元素配合使用生成文本内容
2.通过attr()将选择器对象的属性作为字符串进行显示
3.用计数器为文档添加序号
css代码：
html代码：
效果：
3.常见问题
如何为不同的语言使用不同的标点符号？
4.解决方案
使用content可以使得不同的语言使用对应的一些字符。
5.编码实战
详见视频：
css中content属性_腾讯视频
6.扩展思考
content实际上很少的使用，它不可通过DOM使用，它只是纯粹的表象。
7.参考文献
参考一：segmentfault上的css3 content详解
参考二：张鑫旭 CSS content内容生成技术以及应用
参考三：CSS counter计数器
8.更多讨论
1、content是否可以添加图片？
2、content什么时候使用？
3、伪类和伪元素的区别？
作者：阿布_0caf
链接：https://www.jianshu.com/p/e6bec31b13f1
來源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。
更多内容，可以加入IT交流群565734203与大家一起讨论交流
这里是技能树·IT修真院：https://www.jnshu.com，初学者转行到互联网的聚集地