3

我正在设计一个网页，它有一个带有页面链接的菜单栏。我有一个样式表，但我遇到了“悬停”代码的问题。我的一段代码如下所示：

<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，但似乎没有任何效果。任何帮助将非常感激。

4

2 回答 2

3

也许您可以附上它的外观截图并告诉我们它应该是什么样子？我将你所拥有的内容复制并粘贴到这个jsfiddle 中，它对我来说很好用。您发布的内容与我所做的内容之间的唯一区别是将 a:hover 颜色更改为红色，将 a:active 更改为黄色，这样您就可以看到差异，而不是黑色上的黑色。

那么，您能否发布正在发生的事情与您所期望的内容的屏幕截图？如果是这样，我会相应地更新我的答案。

于 2012-04-17T19:31:33.573 回答
0

这可能听起来很愚蠢，但请清除缓存。它可能正在加载您以前的版本或其他内容。还有什么网络浏览器是它？是否有任何可能动态更改/添加类的 JS 代码。

于 2012-04-17T19:33:25.463 回答