css - 如何在 CSS 中使用 'hover'

Question

我使用下面的代码来实现这个目标:

当鼠标悬停在 anchor 上时，下划线出现，

但是没成功，

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

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

执行此操作的正确版本是什么？

Answer 1

如果您希望在鼠标悬停在链接上时显示下划线，则:

a:hover {text-decoration: underline; }

就足够了，但是如果您愿意，您也可以使用类名 'hover'，以下内容同样适用:

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

顺便说一下，'hover' 的类名并没有真正向元素添加任何东西，因为 a:hover 的伪元素做同样的事情a.hover:hover。除非它只是使用类名的演示。