前言
伪类
伪元素
区别
可以理解为：伪类的效果可以通过添加一个实际的类来达到，而伪元素的效果则需要通过添加一个实际的元素才能达到。伪类用一个冒号来表示，而伪元素则用两个冒号来表示。
概述
:link 选择器对指向未被访问页面的链接设置样式，即页面初始化加载完成的时候。
:visited 选择器用于选取已被访问的链接，即已经访问过的链接。
:hover 选择器用于设置鼠标指针浮动到链接上时的样式，即鼠标停留在链接上但还未点击的时候。
:active 选择器用于设置点击链接时的样式。即链接被点击按下的时候。
注意事项
:hover版本：CSS1/CSS2 兼容性：IE4+ NS4+
语法：
Selector : hover { sRules }
说明：
设置对象在其鼠标悬停时的样式表属性。
在CSS1中此伪类仅可用于a对象。且对于无href属性的a标签，此伪类不发生作用。在CSS2中此伪类可以应用于任何对象。
:active版本：CSS1/CSS2 兼容性：IE4+
语法：
Selector : active { sRules }
说明：
设置对象在被用户激活（在鼠标点击与释放之间发生的事件）时的样式表属性。
在CSS1中此伪类仅可用于a对象。且对于无href属性的a标签，此伪类不发生作用。在CSS2中此伪类可以应用于任何对象。并且:active状态可以和:link以及:visited状态同时发生。
:link版本：CSS1 兼容性：IE4+ NS4+
语法：
Selector : link { sRules }
说明：
设置a对象在未被访问前的样式表属性。
IE3将:link伪类的样式表属性作用于visited伪类。
默认值由浏览器决定。
对于无href属性的a标签，此伪类不发生作用。
:visited版本：CSS1 兼容性：IE4+ NS4+
语法：
Selector : visited { sRules }
说明：
设置a对象在其链接地址已被访问过时的样式表属性。
IE3将:link伪类的样式表属性作用于visited伪类。
默认值由浏览器决定。定义网页过期时间或用户清空历史记录将影响此伪类的作用。
对于无href属性的a标签，此伪类不发生作用。