关于伪元素的操作
::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
作用:选中文本类容时,改变文本颜色,和背景颜色且只能改变这两个属性