如何使用 CSS 懸停在滑鼠懸停時為錨標記添加下劃線？

掌握 CSS 中的 'hover' 屬性

CSS 中的 'hover' 屬性可讓您在元素變更時套用樣式變更。滑鼠指標懸停在其上。然而，實現此功能有時會帶來挑戰。

在您的程式碼片段中，您的目標是當滑鼠懸停在錨標記上時在錨標記上顯示下劃線。不幸的是，你的方法沒有成功。要修正此問題，請考慮以下正確的語法：

a:hover {
  text-decoration: underline;
}

或者，如果您喜歡使用「hover」類別名稱，則可以使用以下內容：

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

同時使用類別名稱可能看起來很吸引人，但在這種情況下它沒有額外的用途，因為「a：hover」偽元素達到了相同的效果。除非您有使用類別名稱的特定原因，否則建議使用前一種方法。

以上是如何使用 CSS 懸停在滑鼠懸停時為錨標記添加下劃線？的詳細內容。更多資訊請關注PHP中文網其他相關文章！