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>

您可以運行上面的代碼。