如何在 CSS 中使用懸停效果正確設定文字樣式？

在CSS 中使用懸停來設定文字樣式

當您想要在滑鼠停留在HTML 元素上時建立互動式效果時，CSS 的懸停偽元素派上用場。

在您的例子中，您的目標是向當滑鼠懸停在元素上。但是，您的程式碼 .hover :hover {text-decoration:underline;} 不起作用。問題出在文法。

要達到預期的效果，請使用正確的語法：

此程式碼將下劃線樣式套用到 。當滑鼠懸停在元素上。如果需要，您也可以使用類別選擇器：

但是，與純 CSS 解決方案相比，為此目的使用類別名稱不會提供任何附加功能。類別名稱懸停不會為元素添加任何獨特的行為，因為 a:hover 已經實現了相同的功能。

以上是如何在 CSS 中使用懸停效果正確設定文字樣式？的詳細內容。更多資訊請關注PHP中文網其他相關文章！