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链接悬停样式

回答

相关问题