:hover

优质

小牛编辑

123浏览

2023-12-01

描述 (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>

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