伪类和伪元素区别

伪类是用于向选择器指定特殊状态的关键词，如:hover、:active、:first-child等。

伪元素是用于向选择器添加生成的内容的关键词，如::before、::after、::first-line等。伪元素表示的是元素的特定部分或位置，允许开发者在指定元素的前后、内部的第一行等位置插入虚拟的元素。

总结:

伪类是以冒号作为前缀,被添加到了一个选择器末尾的关键字,当你希望在特定状态才被呈现到指定的元素时,你可以添加伪类. 伪元素用于创建一些不再文档书中的元素,并为其添加样式,虽然用户可以看见文本,但文本不在文档树中.

伪类是通过元素选择器加入伪类改变元素状态伪元素通过元素的操作进行元素的改变

.div {
  color:#000;
}

.div:hover {
 color:red
}

.div::after {
  content:'haha'
}