作者热门文章
- css - Bootstrap 图标未显示在已发布的 ASP.NET MVC 应用程序中
- css - 如何在 CSS 中使用 'hover'
- css - 在 wkhtmltopdf 中使用自定义字体
- jquery - 将 CSS 添加到 iFrame
我使用下面的代码来实现这个目标:
当鼠标悬停在 anchor 上时,下划线出现,
但是没成功,
<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 - 如何在 CSS 中使用 'hover',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/905033/
我是一名优秀的程序员,十分优秀!