單擊外部鏈接後仍保留懸停效果

Question

當我將鼠標懸停在主頁上的可點擊鏈接上時，樣式會按預期更改（即邊框變爲藍色或鏈接具有文字修飾）。但是，當我點擊鏈接打開新窗口（它有target=_blank集或如果我命令+點擊鏈接），該鏈接的樣式一直持續下去，直到我點擊頁面上的其他地方。

爲什麼造型不立即恢復？

這裏有幾件事情我已經試過：

• a, a:link, a:active設置爲text-deocration: none;。懸停時，我已經放置了底部邊框，而不是將文本撤消更改爲下劃線。

a:hover, a:focus { border-bottom: 1px solid blue; }

• 我試着a, a:visited玩耍，但只要我閱讀，我不能改變text-decoration。 https://developer.mozilla.org/en-US/docs/Web/CSS/Privacy_and_the_:visited_selector

• 我確保Google Analytics跟蹤返回true，並且它不會停止事件傳播。

要注意，我用引導。

會很感激一些其他的想法。謝謝。

Answer 1

當你點擊鏈接時，它變得專注。更改您的第二個CSS規則以刪除a:focus。

a:hover { 
    border-bottom: 1px solid blue; 
}