1.伪元素:表示页面中一些特殊的并不真实存在的元素,应用在一些特殊的位置
2.伪元素的使用(::元素)
::first-letter 表示首元素
::first-line 表示第一行
::selection 表示鼠标移动所选择的内容
例子:
<p>表示页面中一些特殊的并不真实存在的元素,应用在一些特殊的位置</p>
p::first-letter{
color: green;
font-size: 30px;
}
p::first-line{
color: red;
}
p::selection{
color: royalblue;
}
3.特殊的伪元素
::before 元素的开始
::after 元素的结尾
注意一点:before和after必须结合content属性来使用
例子:
<div>特殊的伪元素</div>
div::before{
content: 'n';
color: red;
}
div::after{
content:'n';
color: red;
}