表示页面中一些特殊的并不真实存在的元素（特殊的位置）伪元素一般使用：：开头常见伪元素： 1、：：first-letter 表示第一个字母 2、：：first-line 表示第一行 3、：：selection 表示选中的内容 4、：：before 表示元素的起始位置 5、：：after 表示元素的末尾位置 注：before、after伪类必须结合content属性来使用，不然没有效果。通过这两个伪类可以使用CSS添加内容，但用CSS添加的内容无法被选中。
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>Document
</title>
<style>
::first-letter{
font-size: 20px;
}
::first-line{
background-color: yellowgreen;
}
::selection{
background-color: yellow;
}
div::before{
content: 'abc';
color: red;
}
div::after{
content: 'def';
color: blue;
}
span::before{
content: '「';
}
span::after{
content: '」';
}
</style>
</head>
<body>
<p>
Lorem ipsum, dolor sit amet consectetur adipisicing elit.
Dicta debitis deleniti explicabo quae. In ratione minima na
m temporibus soluta? Quasi voluptatibus aliquam doloribus
libero adipisci vel quas magni aliquid consequatur?
</p>
<div>Hello
</div>
<span>abcde
</span>
</body>
</html>
