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

关于伪元素的操作

::before和::after

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

1
2
3
4
5
6
<style>
p::before{
content:'Hello';
}
</style>
<p>我是Maii</p>

页面显示的内容是”Hello我是Maii”;

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

::first-line

作用:改变第一行文本样式,只能改变文本样式

::first-letter

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

::selection

作用:选中文本类容时,改变文本颜色,和背景颜色且只能改变这两个属性