伪类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 之後

转载于:https://www.cnblogs.com/itxdm/p/6980087.html