列出鼠标不工作

Question

my site 的主标题菜单有悬停效果。但是当我鼠标移到每个菜单项的右侧时，文字颜色不会改变，但当我将鼠标移到靠近文字改变了。

我试过了

.menu li:hover{background:#222;
  color:white;}
.menu a:hover{
color:white;
}

但这没有工作。请帮助制作悬停效果。谢谢

Answer 1

试试这个，我认为它已经完成了：

.menu li:hover{
  background:#000;
}
.menu li a:link,
.menu li a:visited{
  color:#000;
}
.menu li:hover a{
  color:#FFF;
}

Answer 2

当鼠标悬停在li上时，您需要更改锚点文字的颜色。因此请使用以下内容：

.menu li:hover a {
    color: #fff;
}

Answer 3

将其更改为：

.menu li:hover{
  background:#222;
  color:white
}
.menu li:hover a{
  color:white;
}

Answer 4

试试这个，

.menu li:hover{
 background:#222;
 }
 .menu li:hover a{
 color:white;
 }

这可能是因为你的锚已经为自己定义了css。你需要覆盖它们。