链接悬停css不起作用

Question

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

Answer 1

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

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

Answer 2

您的CSS定位一个位于具有类topofpage的元素内的链接。将选择器放在一起以定位具有类的链接：

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

此外，正如Pavlo所发现的那样，您使用的是#FCO而不是#FC0。

Answer 3

你的问题只是零和字母'O'之间的混淆。

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

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

希望能为你解决这个问题。 ： - ）