结合after使用content

最新推荐文章于 2024-07-10 09:53:59 发布

转载最新推荐文章于 2024-07-10 09:53:59 发布 · 138 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xiaowie/p/9854817.html

本文介绍如何使用CSS的after和before伪类在元素前后添加内容，例如为文本添加前缀，而不改变DOM结构。通过实例展示如何在div元素前添加'子曰：'，使页面显示更丰富。

结合after或before伪类，在元素的开头或结尾附加上一定的内容，content：""的引号中即是添加的内容，比如说我们这么写：
<div>学而时习之不亦说乎</div>
div:before{content:"子曰："}
那么在显示时就会显示
子曰：学而时习之不亦说乎
这其中“子曰：”并不会出现在DOM文档中

转载于:https://www.cnblogs.com/xiaowie/p/9854817.html