伪元素和伪类的区别
伪类：
HTML:
<ul>
<li>我是第一个</li>
<li>我是第二个</li>
</ul>
CSS:
li:first-child {
color: orange
}
伪元素:
HTML:
<p>Hello World, and wish you have a good day!</p>
CSS:
p::first-letter {
font-size: 5em;
}
伪类的操作对象是文档树中已有的元素，而伪元素则创建了一个文档数外的元素。因此，伪类与伪元素的区别在于：有没有创建一个文档树之外的元素。
