A - 悬停效果有麻烦

Question

我正在制作一个带有自定义菜单栏的网站，但是当您只使用菜单时，文本不会改变。我知道这是因为链接，但是当一个区域悬停在某个区域（而不是链接）时，如何将文本更改为文本？

Answer 1

抱歉，但你的问题似乎含糊不清，至少对我而言：）

你的意思是这样的：

＆＃13;

＆＃13;

.test {
  background: red;
  width: 100px;
  padding: 5px;
  border: 1px solid #000;
}
.test a {
  color:#fff;
  text-decoration:none;
}
.test:hover {
  background:#fff;
  cursor: pointer;
}
.test:hover a {
  color:red;
}

＆＃13;

<nav>
  <div class = "test">
    <a href="#">Test Link</a>
  </div>
</nav>

＆＃13;

＆＃13;

＆＃13;

您可以运行上面的代码。