為什麼我的 CSS 懸停程式碼沒有在我的連結下劃線？

理解 CSS 中的「懸停」

使用 CSS 時，「懸停」是在滑鼠互動時修改元素樣式的關鍵概念。然而，要達到預期的結果需要正確的實現。

「懸停」之謎

最近，出現了關於以下程式碼無法在懸停時為連結添加下劃線的查詢：

<a class="hover">click</a>

a .hover:hover {
    text-decoration: underline;
}

公佈解決方案

要解決這個問題，我們必須記住'hover' 是一個偽元素。正確的語法是：

a:hover {
    text-decoration: underline;
}

或者，如果首選類別名稱：

a.hover:hover {
    text-decoration: underline;
}

「懸停」類別名稱

使用類別時- 像「hover」這樣的名稱可能看起來多餘，它可以應用於您希望透過利用單獨的CSS 規則在懸停時切換多個屬性的情況'.懸停'。但是，如果唯一的目的是在懸停時為連結添加下劃線，則 a:hover 選擇器仍然是首選。

以上是為什麼我的 CSS 懸停程式碼沒有在我的連結下劃線？的詳細內容。更多資訊請關注PHP中文網其他相關文章！