CSS3 --- 伪元素

标签、属性、属性值统称为html元素，下面以盒子作为示例：

<div class="content">
    <p>
   　　近日召开的全国人力资源和社会保障工作会议提出，2018年，要全面实施
　　　　全民参保计划。实施基本养老保险基金中央调剂制度。基本养老保险基金
　　　　中央调剂制度，这是养老保险全国统筹迈出的第一步。人社部表示，这将
　　　　均衡地区之间由于人口结构特别是人口的流动导致的抚养比差异过大带来
　　　　的养老保险负担，调剂余缺，进一步在全国范围发挥养老保险互助共济作
　　　　用。“我国区域发展很不平衡，老龄化程度差异非常大，黑龙江是目前基
　　　　本养老保险基金支付最困难的省份，抚养比是1：3，而广东最高是9：1。
　　　　”人社部部长尹蔚民此前表示，现在，基本养老保险基金每年当期结余约
　　　　为4000多亿元，累计结余4万多亿元，可以支撑16个月的发放，实行全国
　　　　统筹就是为了解决省与省间的不平衡问题。
    </p>
</div>

E:first-letter{}   =>   设置第一个字，例：

.content p:first-letter{color:red;}   //设置“近”为红色

E:first-line{}   =>   设置第一行字，例：

.content p:first-line{color:blue;}   //设置第一行字为蓝色

E::after{content:内容;}   =>   在元素的内容最后面插入内容，例：

.content p::after{content:深度加速;}   //在本段文字的最后面插入“深度加速”四个字

E::before{content:内容;}   =>   在元素的内容最前面插入内容，例：

.content p::before{content:内存超标;}   //在本段文字最前面插入“内存超标”四个字