伪类和伪元素详解

CSS1和CSS2中对伪类的伪元素的区别比较模糊，CSS3对这两个概念做了相对较清晰地概念，并且在语法上也很明显的讲二者区别开。

伪类和伪元素的区别就是是否创造了新的元素。

一、伪类

什么是伪类？

伪类用于定义元素的特殊状态

例如。它可以有以下作用

• 为元素设置鼠标悬停上时的样式
• 链接已点击和未点击时的样式
• 设置元素获得焦点的样式

以下是常用的几个伪类：伪类的效果可以通过添加实际的类来实现

二、伪元素

在css2里的写法是:before,在css3里的写法是::before。

伪元素的效果可以通过添加实际的元素来实现

注意：
伪类只能使用“：”
而伪元素既可以使用“:”，也可以使用“::”
因为伪类是类似于添加类所以可以是多个，而伪元素在一个选择器中只能出现一次，并且只能出现在末尾