content内容生成技术

content属性生成的对象成为“匿名替换元素”。
content属性生成的内容和普通元素生成的内容不同的特性表现。

1. content生成的文本无法选中、无法复制，就像设置了user-select:none。普通元素的文本可以轻松选中。
2. content生成的文本不能被屏幕阅读设备读取，无法被搜索引擎抓取。不要把重要的文本信息用content生成，因为这对可访问性和seo都不友好。content属性只能用来生成一些无关紧要的内容，装饰性图形或者序号。不用担心原本重要的信息被content替换，替换的仅仅是视觉层。
   3.content生成的文本不能左右:empty伪类，当元素里面无内容，使用content设置内容不能和真正的元素内容等权益划分。
   4.content动态生成的值无法获取，content是一个非常强大的属性，其中一个强大之处就是计数器效果，可以自动累加数值。例如：.total:after{content:counter(sum)}

摘自张鑫旭的《css世界》

转载于:https://www.cnblogs.com/FElxy/p/9144660.html