伪元素before，after，first-line,first-letter,selection

::before和::after

作用：相当于一个标签，在父标签内容之前/之后显示，可以添加文本：

<style>
    p::before{
            content:"hello";
    }
</style>
<p>我的博客</p>

页面显示的内容是“hello我的博客”。

这两个伪元素在内容为空时（content:””为必选，不可省略），可以当做span标签来使用，它们有span标签的所有属性，你也可以这样理解，它们两个是写在CSS里面的span标签。

first-line

作用：改变第一行文本样式，只能改变文本样式

first-letter

作用：改变第一个汉字或者英文字母的样式

selection

作用：选中文本内容时，改变文本颜色和背景颜色且只能改变这两个属性。