网页中超链接的样式设置

网页中超链接的四个状态：

a:link 设置 a 对象在未被访问前的样式。
a:visited 设置 a 对象在其链接地址已被访问过时的样式。
a:hover 设置 a 对象在其鼠标悬停时的样式。
a:acitve 设置 a 对象在被用户激活(在鼠标点击与释放之间发生的事件)时的样式。

在编写代码时，超链接四个状态样式需要按照下述顺序编写：

超链接四个状态样式的正确位置排序应为 link-visited-hover-active超链接A的4个CSS属性是有顺序的。
错误的顺序会导致一些问题，例如：超链接访问过后 hover 样式就不出现。

正确的顺序应该为，link-visited-hover-active。

a:link {
color: #fff;
text-decoration: none; //无样式
}

a:visited {
color: #fff;
text-decoration: none;
}

a:hover {
color: #00f;
text-decoration: underline; //带有下划线
}

a:active {
color: #00f;
text-decoration: none;
}