Question

我正在设计一个网页，其中有一个菜单栏，页面上有链接。我有一个样式表，但我遇到了“悬停”代码的问题。我的一段代码看起来像：

<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，似乎没什么用。任何帮助将非常感激。

Answer 1

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

那么你可以发布一个屏幕截图，显示正在发生的事情与你的期望吗？如果是这样，我会相应地更新我的答案。

Answer 2

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

CSS链接悬停样式

2 个答案: