CSS a:hover

:hover是在鼠标移到元素上时向此元素添加特殊的css样式。

a:link {color: #FFF}     /* 未访问的链接 */
a:visited {color: #ddd}  /* 已访问的链接 */
a:hover {color: #000}    /* 当有鼠标悬停在链接上 */
a:active {color: #000}   /* 被选择的链接 */

为了达到预期的效果，在css定义中，a:hover必须位于a:link和a:visited之后，而a:active必须位于a:hover之后

可与css类配合使用

<pre name="code" class="css">

a.name{
            color: white;
            text-decoration: none;
            display: block;
            height: 85px;
            padding: 0 15px;
        }

a.name:hover{
            background: #394665;
        }

<a class="name" href="http://www.baidu.com"> 首页</a>