目录

:hover

描述 (Description)

:hover伪类用于在:hover在元素上时为其添加特殊效果。

  • a:hover必须在a:link和a:在CSS定义中访问才能生效。

  • a:主动必须在a:hover in CSS定义后才能生效。

  • 伪类名称不区分大小写。

  • 伪类与CSS类不同,但它们可以组合在一起。

可能的值 (Possible Values)

  • color - 任何有效的颜色值。

适用于 (Applies to)

锚点/链接元素。

例子 (Example)

下面的示例演示了如何使用:hover当我们将鼠标指针悬停在该链接上时, :hover类可以更改链接的颜色。

<html>
   <head>
      <style type = "text/css">
         a:hover {color: #FFCC00}
      </style>
   </head>
   <body>
      <a href = "/html/index.htm">Bring Mouse Here</a>
   </body>
</html> 

这将产生以下链接。 现在,您将鼠标悬停在此链接上,您将看到它将其颜色更改为黄色。

新页面打开
↑回到顶部↑
WIKI教程 @2018