本篇内容主要讲解“css3的伪类和伪元素的区别有哪些”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“css3的伪类和伪元素的区别有哪些”吧!
专业成都网站建设公司，做排名好的好网站，排在同行前面，为您带来客户和效益!创新互联建站为您提供成都网站建设，五站合一网站设计制作，服务好的网站设计公司，成都网站设计、成都网站制作负责任的成都网站制作公司!
区别：1、伪类用于已有元素处于某种状态时为其添加对应的样式，而伪元素用于创建一些不在DOM树中的元素并为其添加样式；2、伪元素会创建一个文档树之外的元素，伪类不会；3、伪元素使用双冒号“::”表示，伪类使用单冒号“:”表示。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
什么是伪类和伪元素
提到“伪”字，你想到了什么？“假的”，“汪精卫伪政府”，“不存在的”······
伪类：用于已有元素处于某种状态时（滑动、点击等）为其添加对应的样式，这个状态是根据用户行为而动态变化的。我的理解就是：本身不存在，只有在特定的情况（滑动、点击）下才会被触发的状态，可以用css去修饰这个状态下的对象。例如：当用户悬停在指定元素时，可以通过:hover来描述这个元素的状态，虽然它和一般css相似，可以为已有元素添加样式，但是它只有处于DOM树无法描述的状态下才能为元素添加样式，所以称为伪类。
伪元素：用于创建一些不在DOM树中的元素，并为其添加样式。例如，我们可以通过:before来在一个元素之前添加一些文本，并为这些文本添加样式，虽然用户可以看见这些文本，但是它实际上并不在DOM文档中。
伪类和伪元素的区别：
请看下面例子：
例一：
如果我们想要给第一列添加样式，我们可以通过以下两种方式：
（1）给第一列添加一个类，并在该类中定义样式：
（2）如果不用添加类的方法，我们可以通过给第一个
例二：
Hello World, and wish you have a good day!
想要给该段落第一个字母添加样式，可以有以下方法：
（1）給第一个字母包裹元素，并给span设置样式：
