链接处于活动状态时悬停效果不起作用答案

【问题标题】：Hovering effect not working when link is active链接处于活动状态时悬停效果不起作用
【发布时间】：2012-10-19 10:02:35
【问题描述】：

大家好 :) 所以我正在制作这个菜单，一切正常，直到我为您点击链接创建一个新网站。然后链接变得活跃，然后我将鼠标悬停在链接上。它应该获得悬停时获得的背景颜色和文本颜色。它似乎不起作用。

背景颜色仍然相同，但文本颜色只是保持黑色而不是改变。如果我在激活文本时更改了文本的颜色，那么即使我没有悬停，文本也将保持该颜色。它只应该在它悬停时改变。

我在 css 中的菜单代码：

.link{
float:left; 
text-decoration:none; 
color:#000000;
font-size:19px;
background:opacity:0.4;
width:130px;
padding-bottom:8px;
padding-top:8px;
padding-right:25px;
text-align:left;
padding-left:8px;
border-bottom:1px solid black;
border-top:1px solid black;
color:black;
line-height:1.5;
overflow:hidden;
text-align:left;

-webkit-transition: all 1s ease;  
}

a:link:hover
{
background-color:black;
color:#18ffec;}

html中的相关代码：

<div id="linki">

<p>

<a class="link" href="Index.html"> Hjem</a>
<a class="link" href="Guider.html"> Guider</a>
<a class="link" href="Om_oss.html"> Om oss</a>
<a class="link" href="Kontakt.html"> Kontakt oss</a>
<a class="link" href="Hjelp til"> Hjelp til </a>

</p>
</div>

感谢任何答案:)

【问题讨论】：

标签： css hyperlink hover

【解决方案1】：

您指定的类错误，请使用“。”而不是“：”

a.link:hover

【讨论】：

【解决方案2】：

我想你是说

a.link:hover

而不是

a:link:hover

【讨论】：

【解决方案3】：

你应该使用类名：

.link:hover
{
   background-color:black;
   color:#18ffec;
}

:link 是一个“正常的、未访问的链接”，因此当它被访问时，悬停将不起作用。在这种情况下，不需要a.link，您可以只使用类名。

【讨论】：