【发布时间】：2012-04-18 03:33:25
【问题描述】：
我正在设计一个网页，该网页有一个带有页面链接的菜单栏。我有一个样式表，但我遇到了“悬停”代码的问题。我的一段代码如下所示：
<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;
}
“悬停”和“活动”都不起作用，我不明白为什么。我尝试了很多不同的样式变体，例如 a:hover、#menu a:hover、#menu a.mLink:hover，但似乎没有任何效果。任何帮助将非常感激。
【问题讨论】：
-
什么“不起作用”？这些州的颜色没有变化吗？它是什么颜色的？
-
它应该可以工作，尝试只输入 a:hover，然后判断它是否有效。
-
默认情况下它是白色的，我希望它在悬停时更改为其他颜色，并且在它处于活动状态时更改为另一种颜色（我目前将悬停并激活为黑色以用于测试目的）但链接不是改变颜色。同样 a:hover 也不起作用。