A - 悬停效果有问题

Question

我正在制作一个带有自定义菜单栏的网站，但是当您只浏览菜单时，文本不会改变。我知道这是因为这个链接，但是我怎样才能让文字在一个区域悬停时（而不是链接）变为颜色？

Answer 1

很抱歉，但你的问题似乎是模糊的，至少对我来说:)

你的意思是这样的：

.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; 
 
}

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

您可以运行上面的代码。