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

hei everyone :)所以我正在制作此菜单，并且一切正常，直到我点击链接时创建一个新网站。那么这些链接就会激活，然后我将鼠标悬停在链接上。并且它应该获得当您悬停时获得的背景颜色和文本颜色。它似乎没有工作。当链接处于活动状态时，悬停效果不起作用

背景颜色仍然相同，但文字颜色只是保持黑色而不是变化。如果我在文字上改变颜色，那么即使我没有徘徊，文字也会保持这种颜色。它只能在徘徊时才会改变。

我在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>

明白任何答案:)

来源

2012-10-19 Madde

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

a.link:hover

来源

2012-10-19 10:04:34 zybroxz

那工作，谢谢=） – Madde

没问题。你能把这个标记为已回答吗？谢谢 – zybroxz

我想你的意思

a.link:hover

而不是

a:link:hover

来源

2012-10-19 10:05:09 George

您应该使用类名：

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

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

来源

2012-10-19 10:06:11 Kokers

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

回答

相关问题