css设置超链接鼠标悬停字体上时字体变颜色，css设置鼠标悬停变色布局。鼠标悬停字体上文字变色，通常针对超链接锚文本字体颜色改变，使用了伪类：hover。默认超链接字体颜色为蓝色“color:#00F”，鼠标悬停时字体颜色为红色“ color:#F00”。
可见要改变鼠标悬停颜色就设置a:hover，css鼠标悬停变色应用超链接伪类“：hover”设置css样式改变，除了颜色改变，还可以定义鼠标悬停字体大小、字体加粗、背景等样式改变，作为字体颜色改变灵活运用设置其它CSS样式。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>鼠标悬停颜色改变实例</title>
<style>
a{ color:#00F}/* 默认超链接字体颜色为蓝色 */
a:hover{color:#F00}/* 默认超链接字体悬停时颜色为红色 */
.seodd a{ color:#090}
.seodd a:hover{ color:#F0F}
</style>
</head>
<body>
<p>css鼠标悬停变色<a href="http://www.chateach.com/"></a>潘某人seo</p>
<p class="seodd">自定义变色，字体悬停颜色改变！</p>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
- :hover 选择器用于选择鼠标指针浮动在上面的元素。
- 提示：:hover 选择器可用于所有元素，不只是链接。
- 提示：:link 选择器设置指向未被访问页面的链接的样式，:visited 选择器用于设置指向已被访问的页面的链接，:active 选择器用于活动链接。
- 在 CSS 定义中，:hover 必须位于 :link 和 :visited 之后（如果存在的话），这样样式才能生效。
