CSS :hover 选择器

实例

选择鼠标指针浮动在其上的元素，并设置其样式：

a:hover
{ 
background-color:yellow;
}

定义和用法

:hover 选择器用于选择鼠标指针浮动在上面的元素。

提示：:hover 选择器可用于所有元素，不只是链接。

提示：:link 选择器设置指向未被访问页面的链接的样式，:visited 选择器用于设置指向已被访问的页面的链接，:active 选择器用于活动链接。

实例

a:link    {color:blue;}      	   //未访问
a:visited {color:blue;}     	  //已访问	
a:hover   {color:red;}      	 //悬浮
a:active  {color:yellow;}   	//活动链接

将鼠标指针移动到这个链接上：1818ip.com

实例2

a.ex1:hover,a.ex1:active {color:red;}
a.ex2:hover,a.ex2:active {font-size:150%;}
a.ex3:hover,a.ex3:active {background:red;}
a.ex4:hover,a.ex4:active {font-family:'微软雅黑';}
a.ex5:visited,a.ex5:link {text-decoration:none;}
a.ex5:hover,a.ex5:active {text-decoration:underline;}

请把鼠标指针移动到这些链接上。

这个链接改变颜色。

这个链接改变字体大小。

这个链接改变背景色。

这个链接改变字体。

这个链接会出现下划线。