伪累与伪元素

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元素来实现的