Question

是否有人知道如何使CSS链接悬停属性适用于未链接到其他html页面或锚点的链接？

例如，这有效：

<a href="page1.html">Page1</a>
<a href="#page9">Link</a>

a:hover,a:visited:hover{
color:#fff;
text-decoration:none;
}
a:link,a:visited{
color:#555;
text-decoration:none;
}

但是当我将链接更改为不是锚点或html文件的那一刻时，让我们说一个mailto：

<a href='mailto:bla@bla.com'>Send email</a>

当我将鼠标悬停在链接上时，它不再会改变颜色。这是为什么？

Answer 1

你压倒自己的风格。尝试

    <style type="text/css">
        a:link, a:visited
        {
            color: #555;
            text-decoration: none;
        }
        a:hover, a:visited:hover
        {
            color: #fff;
            text-decoration: none;
        }
    </style>

Answer 2

你不需要做一个：链接，只是在定义你的锚标签样式时会做得很好，但是，如果由于某种原因你确实需要它，那么你需要比你的链接样式更具体地定义你的悬停样式

a:link:hover,a:visited:hover{
color:#fff;
text-decoration:none;
}
a:link,a:visited{
color:#555;
text-decoration:none;
}

或

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

将解决您的问题

CSS - 链接悬停不起作用

2 个答案: