當我將滑鼠懸停在訪問過的鏈接上時，顏色會正確更改，但背景顏色不會。我注意到這可以通過為 設定背景顏色來解決a，但為什么會這樣呢？
a {
text-decoration: none;
color: inherit;
}
.link-1:visited,
.link-2:visited {
color: violet;
}
.link-2 {
background-color: yellow;
}
.link-1:visited:hover {
color: cyan;
background-color: orange;
}
.link-2:visited:hover {
color: cyan;
background-color: orange;
}<a href="https://stackoverflow.com" class="link-1">Link 1, without inital bg</a>
<br/>
<a href="https://stackoverflow.com" class="link-2">Link 2, with initial bg</a>uj5u.com熱心網友回復：
這種情況有一個解釋：
如果鏈接已經使它們處于“未訪問”或 :link 狀態，則只能使用 :visited 更改這些屬性。您不能使用它來添加鏈接上尚不存在的屬性。例如：如果鏈接元素已經具有背景顏色，您可以更改 :visited 鏈接的背景顏色。如果 :visited 鏈接是“未訪問”鏈接時沒有背景顏色，則不能將背景顏色添加到該鏈接。
https://css-tricks.com/almanac/selectors/v/visited/
uj5u.com熱心網友回復：
a我認為這是 CSS 中的一個錯誤 :) 因為如果在正常情況下有背景，它將有背景。所以你需要為它設定一個背景顏色，#fff它是白色還是背景顏色。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/515384.html
標籤：css
上一篇：背景視頻重疊按鈕
下一篇：標簽元素寬度直到結束