CSS鏈接懸停樣式

我正在設計一個網頁，其中有一個頁面上有鏈接的菜單欄。我有一個樣式表，但我遇到了「懸停」代碼的問題。一塊我的代碼如下所示：CSS鏈接懸停樣式

<body> 
<div id="wrapper"> 
    <div id="menu"> 
     <a class="mLink" href="main.php">Home</a>

使用CSS代碼：

body { 
background-color:black; 
text-align: center; 
height:100%; 
} 

div#wrapper{ 
margin-right: 5%; 
margin-left: 5%; 
margin-top: 0%; 
margin-bottom: 5%; 
border: outset; 
border-color: white; 
} 

a.mLink{ 
color: white; 
font-size: 35px; 
padding: 10px; 
} 

a.mLink:hover{ 
color: black; 
} 

a.mLink:active{ 
color:black; 
} 


div#content{ 
color: white; 
font-size: 40px; 
}

的「懸停」和「積極的」既沒有工作，我不明白爲什麼。我嘗試了很多不同的風格變化，比如：懸停，#menu a：懸停，#menu a.mLink：懸停，似乎沒有任何工作。任何幫助將非常感激。

來源

2012-04-17 Ryan Sayles

什麼「不起作用」？這些國家的顏色不變嗎？它留在什麼顏色？ – 2012-04-17 19:22:01

它應該工作，嘗試只輸入一個：懸停，並告訴它是否工作。 – 2012-04-17 19:24:11

默認情況下它是白色的，我希望它在懸停時更改爲其他顏色，而當它處於活動狀態時另一種顏色（我目前有懸停和活動黑色用於測試目的），但鏈接不會更改顏色。另外：懸停也不起作用。 – 2012-04-17 19:36:22

也許你可以包括它的外觀截圖，並告訴我們它應該看起來如何？我複製並粘貼了到jsfiddle中的內容，它對我來說工作得很好。您發佈的內容和我所做的只是將a：懸停顏色更改爲紅色，將a：active更改爲黃色，以便您可以看到差異，而不是黑色的黑色。

所以，你可以發佈什麼事情的屏幕截圖與你的期望？如果是這樣，我會相應地更新我的答案。

來源

2012-04-17 19:31:33 Ben

這很奇怪。我嘗試了不同的顏色，它仍然無法正常工作。這些鏈接默認爲白色，並且在鼠標懸停時鏈接不會更改。瀏覽器會影響它嗎？我正在使用Chrome – 2012-04-17 19:43:36

我也使用Chrome。你有什麼辦法可以把你在網上？其他的CSS可能會干擾你的內容。 – Ben 2012-04-17 19:53:16

有趣的是我的電腦死了。插入它，重新打開它，現在它工作。然而，如果我在頁面上點擊不是，活動只是改變顏色，是「活動」應該做什麼，或者我錯過了什麼？ – 2012-04-17 20:39:39

這可能聽起來很愚蠢，但清除了緩存。它可能正在加載您以前的版本或其他東西。還有什麼網絡瀏覽器？是否有任何JS代碼可能會動態更改/添加類。

來源

2012-04-17 19:33:25 Drakkainen

如何清除緩存？我正在使用Chrome瀏覽器，但沒有JS代碼 – 2012-04-17 19:45:46

@ rsay3，請按照指南操作： http://support.google.com/chrome/bin/answer.py?hl=zh_CN&answer=95582 – Drakkainen 2012-04-17 19:50:31

CSS鏈接懸停樣式

回答

相關問題