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
在悬停事件中删除 CSS 中的锚元素。
.topofpage:hover{
color: #FC0;
text-decoration: none;
}
您的 CSS 以 class 元素内部的链接为目标topofpage
。将选择器放在一起以定位具有类的链接:
a.topofpage:hover {
color: #FC0;
text-decoration: none;
}
此外,正如 Pavlo 所发现的,您使用#FCO
的不是#FC0
颜色。
您的问题只是零和字母“O”之间的混淆。
您的颜色指定为#FCO
。应该是#FC0
。
字母“O”不是 CSS 颜色中的有效数字。这就是为什么你的风格不起作用的原因。它与是否悬停无关;这是一个简单的错字。
希望能为您解决。:-)