當鏈接處於活動狀態時，懸停效果不起作用

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

當鏈接處於活動狀態時，懸停效果不起作用

回答

相關問題