0

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

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

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

感谢任何答案:)

4

3 回答 3

2

您指定的类错误，请使用“。” 代替 ”：”

a.link：悬停

于 2012-10-19T10:04:34.720 回答
1

我想你的意思是

a.link:hover

而不是

a:link:hover
于 2012-10-19T10:05:09.960 回答
0

您应该使用类名：

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

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

于 2012-10-19T10:06:11.913 回答