如何在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的相同。除非它只是一个使用类名的演示。