前端面试题（21）—— 简述伪类和伪元素

伪类
伪类用于当已有元素处于某种状态时，为其添加对应的样式，这个状态是根据用户行为变化而变化的。比如说:hover。它只有处于dom树无法描述的状态才能为元素添加样式，所以称为伪类。

伪元素
伪元素用于创建一些原本不在文档树中的元素，并为其添加样式，比如说:before。虽然用户可以看到这些内容，但其实他不在文档树中。

区别
伪类的操作对象是文档树中已存在的元素，而伪元素是创建一个文档树外的元素。
css规范中用双冒号::表示伪元素，用一个冒号:表示伪类。