伪元素,表示页面中一些特殊的并不真实存在的元素(元素的位置)
::first-letter 表示第一个字母
::first-line 表示第一行
::selection 选中的内容
::before 元素的开始位置
::after 元素的结束位置
(注意): before和after必须要结合content使用
如下图:
<style>
p::first-letter{
font-size: 30px;
color: red;
}
p::first-line{
background-color: pink;
}
p::selection{
color: green;
}
p::before{
content: "你好";
}
p::after{
content: '你也好';
}
</style>
<body>
<q>hello</q>
<p>
ipsum dolor sit amet consectetur adipisicing elit. Porro fugiat maiores sit ex expedita beatae, sint quisquam amet quod cupiditate, tempora omnis impedit deleniti, iure fuga illo
quibusdam. Alias, soluta?
</p>
</body>
效果图