CSS伪类和伪元素的本质区别

感觉在网上找了很久的资料都没有找到真正有用的资料，所以决定自己写一篇

首先是w3c上面的介绍

CSS 伪类用于向某些选择器添加特殊的效果。

CSS 伪元素用于将特殊的效果添加到某些选择器。

个人觉得吧，比较绕，所以自己找一下规律，在这里分享一下

伪类

伪类，从字面上理解，首先类这个字应该是指class，毕竟是在css里面，那么这个类是用来干啥子的？

A:你不是废话吗？肯定添加样式的？

A说得对，那伪类呢？虽然不知道是具体干啥，但是肯定和添加样式有一腿，

既然如此，就大致可以理解伪类肯定是用来添加样式的

伪元素

伪元素，这个就不是那么好理解了，元素就是 p标签、a标签···

伪元素难道是不完整的元素？其实可以这样理解…

伪类和伪元素的正真区别

从css2~3的伪类中，有一个很明显的区别，所有的伪类选择器，都是对一个完整的元素进行样式操作的，

完整的意思，就是一个完整的标签比如p标签的开始到结尾，比如p:hover,这个伪类器，你选择的是整个p，然后鼠标悬停的时候，p整个元素进行样式改变，你不可能使这个p中的文字只有一半进行样式改变

但是伪元素呢？所有的伪元素，都是对一个完整的标签内部做出样式改变，它只对局部进行样式操作，比如:first-letter,它只是对首字母进行操作，：first-line是对第一行进行操作…等等