本文主要是介绍知道css有个content属性吗？有什么作用？有什么应用？，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
CSS content
content 属性与 :before 及 :after 伪元素配合使用，来插入生成内容。
实例：
<!DOCTYPE html>
<html>
<head>
<style>
a:after {content: " (" attr(href) ")";}
</style>
</head><body>
<p><a href="https://tianxintiandisheng.github.io">天心天地生的个人博客</a> - 免费的在线笔记</p>
<p><b>注意:</b>仅当 !DOCTYPE已经定义 IE8支持 content属性</p>
</body>
</html>
应用
- 最基本的 – 生成内容 content属性与:before及:after伪元素配合使用生成文本内容
- 嵌入文字符号
- 使用计数器创建号码内容
- 为多语言内容插入正确的引号
- 用图片替换文字
- 显示相对应的链接图标
- 使用属性值作为content内容
这篇关于知道css有个content属性吗？有什么作用？有什么应用？的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
