“伪类”和“伪元素”如何区分

为什么 :first-child是伪类，而 :first-letter、  :first-line是伪元素了。

我的理解是：
伪类操作的是实际节点，伪对象操作的是抽象内容。

比如first-child伪类:
ul li:first-child {background:#aaa;}
你可以在DOM中找到这个LI节点。

伪对象操作的是抽象内容：
p:first-line{font-size:120%;}
p:after {content:"--段落结束--"}
既然抽象，你在DOM中找不到它。