极客教程CSS :hover伪类
描述
:hover 伪类用于在鼠标悬停时为元素添加特效。
在 块中定义伪类时，需要注意以下几点：
- a:hover 必须在 CSS 定义中紧跟在 a:link 和 a:visited 之后才能生效。
-
a:active 必须在 CSS 定义中紧跟在 a:hover 之后才能生效。
-
伪类名称对大小写不敏感。
-
伪类与 CSS 类不同，但可以结合使用。
可能的取值
- color - 任何有效的颜色值。
适用于
锚点/链接元素。
示例
以下是一个示例，演示了如何使用 :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>
这将产生以下链接。
现在您将鼠标悬停在此链接上，您会看到它的颜色变为黄色。