伪类link,hover,active,visited,focus的区别

:active 向被激活的元素添加样式。
:focus 向拥有键盘输入焦点的元素添加样式。
:hover 当鼠标悬浮在元素上方时，向元素添加样式。
:link 向未被访问的链接添加样式。
:visited 向已被访问的链接添加样式。

/* 未連結 /
a:link
{
color: #000000;
}
/ 已連結過 /
a:visited
{
color: #FF0000;
}
/ 滑鼠移至連結 /
a:hover
{
color: #00FF00;
}
/ 選擇的連結 */
a:active
{
color: #0000FF;
}

a:hover 需放置在 a:link 跟 a:visited 之後，則 a:active 放置在 a:hover 之後