前端之家收集整理的这篇文章主要介绍了
如何在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的相同。除非它只是一个使用类名的演示。
原文链接:https://www.f2er.com/css/220634.html