说明
1、使用content生成的文本无法选择和复制，而普通元素的文本可以轻松选择。
content生成的文本不能被屏幕阅读设备读取，也不能被搜索引擎抓取。
2、只能用来生成一些无关紧要的内容，比如装饰图形或序号。
同样，不要担心原本重要的文本信息会被content取代，只取代视觉层。
3、content无法获得动态生成值。
content是一个非常强大的CSS属性，其中之一就是计数器效果，可以自动累计数值。
实例
<style>
*{margin: 0;padding: 0;box-sizing: border-box;}
li{list-style: none;}
.content{
position: relative;padding: 10px;
border: 1px solid #666;margin: 10px;
}
.content.only-text::before{
content: '插入纯字符';
}
</style>
<body>
<h1>1、插入纯字符</h1>
<div class="content only-text"></div>
</body>
以上就是css中content属性的特点，希望对大家有所帮助。更多css学习指路：css教程
本文教程操作环境：windows7系统、css3版，DELL G3电脑。
来自 “ ITPUB博客 ” ，链接：https://blog.itpub.net/3806/viewspace-2828785/ ，如需转载，请注明出处，否则将追究法律责任。
上一篇：
Python制作七夕比心表白
下一篇：
css样式冲突的解决办法
请登录后发表评论
登录
全部评论
