0

HTML

<a class="topofpage" href="#top">TOP OF PAGE</a>

CSS

.topofpage{
    color: #C00;    
    text-decoration: none;
}

.topofpage a:hover{
    color: #FCO;
    text-decoration: none;
}

鼠标悬停颜色未更改为#FCO

4

3 回答 3

3

在悬停事件中删除 CSS 中的锚元素。

.topofpage:hover{
    color: #FC0;
    text-decoration: none;
}
于 2012-10-20T19:15:57.457 回答
2

您的 CSS 以 class 元素内部的链接为目标topofpage。将选择器放在一起以定位具有类的链接:

a.topofpage:hover {
  color: #FC0;
  text-decoration: none;
}

此外,正如 Pavlo 所发现的,您使用#FCO的不是#FC0颜色。

于 2012-10-20T19:26:52.337 回答
0

您的问题只是零和字母“O”之间的混淆。

您的颜色指定为#FCO。应该是#FC0

字母“O”不是 CSS 颜色中的有效数字。这就是为什么你的风格不起作用的原因。它与是否悬停无关;这是一个简单的错字。

希望能为您解决。:-)

于 2012-10-20T19:30:08.157 回答