如何在CSS中使用“hover”

前端之家收集整理的这篇文章主要介绍了如何在CSS中使用“hover”前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用下面的代码,以实现这一目标:

当鼠标悬停在锚点上时,下划线出来,

但它没有工作,

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

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

什么是正确的版本这样做?

解决方法

如果您希望在鼠标悬停在链接上时显示下划线,则:
a:hover {text-decoration: underline; }

是足够的,但是你也可以使用“hover”的类名,如果你愿意,以下将同样适用:

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

顺便提一下,可能值得指出的是,’hover’的类名并不真正添加任何东西到元素,因为a:hover的伪元素与a.hover:hover的相同。除非它只是一个使用类名的演示。

猜你在找的CSS相关文章