CSS中伪类与伪元素的概念是很容易混淆的 ，今天就来谈谈伪类与伪元素之间的区别。首先先来看看伪类与伪元素的定义 w3c中对于它们是这么解释的：
伪类：用于向某些选择器添加特殊的效果
伪元素：用于将特殊的效果添加到某些选择器
这话更抽象，其实意思就是对那些我们不能通过class、id等选择元素的补充，这个区别我们需要一个例子来理解：
<p>
<em>This</em>
<em>is a text</em>
</p>
现在我们一起讲this变成红色：
在这里我们需要为第一个em标签添加类
<p>
<em class="first-child">This</em>
<em>is a text</em>
</p>
em.first-child{
color:red;
}
如果此时没有为元素的存在，我们只能用<span>标签来实现
<p>
<em><span>T</span>his</em>
<em> is a text<em>
</p>
以上就是伪类和为元素的区别。
伪类是一种class的类。
而为元素是添加了,span元素来实现的